livewire / flux

The official Livewire UI component library
https://fluxui.dev
488 stars 42 forks source link

<flux:input-group> that includes <flux:select variant="combobox"> and radii behaviour #651

Closed oMikeo closed 1 week ago

oMikeo commented 2 weeks ago

Border radii are not adjusted for comboboxes inside input groups.

Image

To reproduce:

<flux:field>
    <flux:label>Email address</flux:label>
    <flux:description>Enter the first part of the email address only.</flux:description>
    <flux:input.group>
        <flux:input type="text" icon-trailing="at-symbol"/>
        <flux:select variant="combobox">
            <flux:option value="a" selected>domain.com</flux:option>
            <flux:option value="b">domain.net</flux:option>
            <flux:option value="c">domain.org</flux:option>
            <flux:option value="d">domain.io</flux:option>
            <flux:option value="e">domain.dev</flux:option>
        </flux:select>
    </flux:input.group>
</flux:field>

Works fine with both default select and with variant="listbox"

Image

Image

calebporzio commented 1 week ago

Thank you for the report. This issue has been fixed and will be available in the next release.