In this example of the EuiComboBox in use, a long value can flow underneath the select arrow and the clearable x icon:
Adding 55px of right padding to the .euiComboBox__inputWrap div happens to solve this particular instance of the problem:
But obviously that's a terrible hard-coded solution that probably doesn't work everywhere. Can we solve this so that the icons never allow anything to flow underneath inside the ComboBox input?
In this example of the
EuiComboBoxin use, a long value can flow underneath the select arrow and the clearable x icon:Adding 55px of right padding to the
.euiComboBox__inputWrapdiv happens to solve this particular instance of the problem:But obviously that's a terrible hard-coded solution that probably doesn't work everywhere. Can we solve this so that the icons never allow anything to flow underneath inside the ComboBox input?