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 problem
I have a right kebab toggle where some of the dropdown options are dynamic and loaded after the dropdown option list is opened. In the deprecated Dropdown component, the popper position is adjusted after the option list update to fit the new width of the dropdown menu list. But this is not happening with the new PF5 dropdown component (horizontal scrollbar appears).
When the kebab toggle is clicked (item loading):
After the dropdown item is loaded (PF4 component):
After the dropdown item is loaded (new PF5 component):
To reproduce the issue, just click on Kebab toggle and wait for the long text item to be loaded in the dropdown option list.
Expected behavior
After a dynamic option is loaded in the dropdown, the popper position should be adjusted to avoid horizontal scrollbar.
Is this issue blocking you?
No, but it is quite annoying to move the horizontal scrollbar to see the dropdown options or open twice the kebab toggle to have proper Popper position.
Screenshots
See the description and the code sandbox.
What is your environment?
OS: RHEL 8.7 CSB
Browse: Chrome
Version: 115.0.5790.170
What is your product and what release date are you targeting? Kiali
Any other information?
The text was updated successfully, but these errors were encountered:
Describe the problem
I have a right kebab toggle where some of the dropdown options are dynamic and loaded after the dropdown option list is opened. In the deprecated Dropdown component, the popper position is adjusted after the option list update to fit the new width of the dropdown menu list. But this is not happening with the new PF5 dropdown component (horizontal scrollbar appears).
When the kebab toggle is clicked (item loading):
After the dropdown item is loaded (PF4 component):
After the dropdown item is loaded (new PF5 component):
How do you reproduce the problem?
I have created two sandboxes, one for each version of dropdown:
PF4 dropdown (working): https://codesandbox.io/s/unruffled-platform-8385hn?file=/index.tsx (sometimes the codesandbox fails because the deprecated library is not recognized, just refreshing the built-in browser do the trick)
PF5 dropdown (not working): https://codesandbox.io/s/keen-moon-j5grvh?file=/index.tsx
To reproduce the issue, just click on Kebab toggle and wait for the long text item to be loaded in the dropdown option list.
Expected behavior
After a dynamic option is loaded in the dropdown, the popper position should be adjusted to avoid horizontal scrollbar.
Is this issue blocking you?
No, but it is quite annoying to move the horizontal scrollbar to see the dropdown options or open twice the kebab toggle to have proper Popper position.
Screenshots
See the description and the code sandbox.
What is your environment?
What is your product and what release date are you targeting?
Kiali
Any other information?
The text was updated successfully, but these errors were encountered: