marmelab / marmelab/EventDrops

On window resize, chart is falling back to in-build css , Any pattern or css applied is classes are not appearing

Open
#264 1 comment 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
JavaScript
Stars
1.3k
Forks
233
PR merge metrics
No merged PRs in 30d

Description

Please do not submit support requests or "How to" questions here. For that, go to [StackOverflow](https://stackoverflow.com/questions/tagged/event-drops).

**What you were expecting:**

On window resize or inspect element, It should render the custom css or pattern applied
like below.
var defs = d3.select("defs").append("pattern").attr("id", "enrollment").attr("height","26") .attr("width","26").append("image").attr("height",26)

d3.selectAll(".line-label").attr("x", 0 ).attr("stroke","none").attr("fill","#000")

**What happened instead:**

On window resize or inspect element, It's failing back to inbuild css. I m trying this code in Angular 6
**Steps to reproduce:**

**Related code:**

```
insert short code snippets here
```

**Other information:**

**Environment**

* EventDrops version
* Browser: Chrome
* Stack trace (in case of a JS error):

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by reproducing the issue in Chrome with the provided D3 pattern and .line-label styling in an Angular 6 application, since no repository files or tests are identified. Confirm whether resizing or inspecting the chart causes the custom pattern and classes to be replaced by built-in CSS; done means the custom styling remains applied after both actions.

Written by the indexing model from the issue text.

Assessment

Tech stack
d3js, javascript
Domain
data-visualization
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
20/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.