Is your feature request related to a problem? Please describe
In v0.22.0, it was possible to allow components to fill remaining space within ui.inline by setting width="100%". However, in v1.0.0, settings width="100%" sets the widget to the same size of the parent (ui.inline).
Describe the solution you'd like
Some option that either gives separate options for flex-grow/flex-shink (e.g.: flex-grow=true), or an option to specify flex options within the element (e.g.: flex="1 1 0" or flex="grow"). Or, a parameter to add custom inline css (e.g.: style="flex: 1 1 0;".
Describe alternatives you've considered
In simple scenarios, like two elements, setting width="50%" would suffice. But this becomes more problematic when some elements can change in size but some do not within a ui.inline component.
Is your feature request related to a problem? Please describe
In v0.22.0, it was possible to allow components to fill remaining space within
ui.inline
by settingwidth="100%"
. However, in v1.0.0, settingswidth="100%"
sets the widget to the same size of the parent (ui.inline
).Describe the solution you'd like
Some option that either gives separate options for flex-grow/flex-shink (e.g.:
flex-grow=true
), or an option to specify flex options within the element (e.g.:flex="1 1 0"
orflex="grow"
). Or, a parameter to add custom inline css (e.g.:style="flex: 1 1 0;"
.Describe alternatives you've considered
In simple scenarios, like two elements, setting
width="50%"
would suffice. But this becomes more problematic when some elements can change in size but some do not within aui.inline
component.