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
The drop down menu in EuiComboBox can be styled using the inputPopoverProps property (from the docs: "Allows customization of the underlying EuiInputPopover component (except for props that control state)"). Is it also possible to style the options in the drop down menu?
My problem is that when I disable the global styles in EuiProvider, my component looks like this:
What I want it to look like (without the global styles but custom styles):
What I found out:
EuiComboBox uses React portals, so custom styles can't just be passed down through css classes in the component
Modifying .euiComboBoxOptionsList {} has some effect
The drop down menu in EuiComboBox can be styled using the
inputPopoverProps
property (from the docs: "Allows customization of the underlying EuiInputPopover component (except for props that control state)"). Is it also possible to style the options in the drop down menu?My problem is that when I disable the global styles in EuiProvider, my component looks like this:
What I want it to look like (without the global styles but custom styles):
What I found out:
Key information
EUI version: 97.3.1
React version: 17.0.2
Build tool: Rollup
Follow-up question for #8203
The text was updated successfully, but these errors were encountered: