Drop down display as block
corey-aloia opened this issue · 1 comments
Hello,
I would like to add a fundamental dropdown component to my form. It looks like the display is 'inline-block' which is keeping it from sizing right. If I put the class of .fd-combobox-input
on my form, I can see the selector that changes the .fd-popover
to a block element, but it looks like the .fd-dropdown
is unaffected and still an inline-block
. I.E. I would expect a selector that looks like .fd-combobox-input .fd-dropdown { display: block; }
Am I missing something?
Thanks!
Corey
I was able to accomplish this without the ..fd-combobox-input
via the following:
`
#myId .fd-popover,
#myId.fd-dropdown {
width: 100%
}
.fd-dropdown__control::after {
float: right;
}
.fd-popover__body--no-arrow {
width: 100%;
}`
This probably isn't the right way though. Maybe and example with the dropdown in a form alongside other fundamental elements would be helpful. I will close this now.