You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
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.
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
EuiRangecomponent 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
trackWidthis 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 theCustom Queryfield 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