SAP/fundamental

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.