Skip to content

[EuiRange] trackWidth does not update after mount #6846

@breehall

Description

@breehall

Describe the bug
PR elastic/kibana#159635 in Kibana introduces memoization to the Security - Cases creation page. During the case creation process (step 2), an EuiRange component is used, but on the first render all of the tick values appear stacked on top of each other. After changing the value of the range (and on all subsequent renders), the tick values appear normal.

It seems that the trackWidth is being set to 0 and is not properly setting until after the first render.

This can be replicated by checking out the PR above locally and navigating to app/security/rules/create. In the Custom Query field text, enter a * and continue to the next section. Upon first render, the tick marks will appear stacked, but when you change the value they appear normally.

Screen.Recording.2023-06-15.at.4.09.46.PM.mov

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type
No fields configured for issues without a type.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions