# New release—v1.0.16

Published: October 21, 2024

## Customize navigation badge colors

<img class="rounded-2xl border" src="/img/blog/badge_color.png" alt="Custom badge color on navlist items" />

You can now customize the color of navigation badges using the `badge-color` property:

```html
<flux:navlist.item badge="Pro" badge-color="lime">
    Calendar
</flux:navlist.item>
```

[View navigation badge color documentation ->](https://fluxui.dev/components/navbar#with-badges)

## Modal close listeners

You can now run any Livewire action when a Flux modal closes for any reason—escape, cancel, close button, etc.

```html
<flux:modal @close="someLivewireAction">
    <!-- ... -->
</flux:modal>
```

[Read more about modal close events ->](https://fluxui.dev/components/modal#close-events)

## Fuzzier searchable selects

All searchable inputs in Flux—searchable selects, comboboxes, command palettes—will now use JavaScript `.includes(...)` instead of `.startsWith(...)` when matching results so that searches are more inclusive.

This behavior mirrors the browser's native autocomplete behavior for the `<datalist>` element.

<img class="rounded-2xl border" src="/img/blog/fuzzy_search.gif" alt="User typing into a searchable select and showing that searches match even if results don't start with the query" />

## Changelog

* Support `@close` listeners on modal component
* Add `badge-color` property to navlist and navbar
* Use `.includes()` instead of `.startsWith()` for autocomplete/combobox/command search
* Fix listbox/combobox not showing newly selected option if added dynamically
* Make accordion heading text full-width
* Silence error when non-valid colors are passed to badge component
* Prevent radio/checkbox group labels from being grayed out if individual controls are disabled
* Expose slots for select button and input in listbox/combobox
* Make select full-width and forward classes to the `<ui-selected>` element instead of the `<button>` element
* Polyfill the popover attribute for Safari 16 and lower
* Provide fallbacks for unsupported CSS in older browsers
* Disable modal triggering on disabled buttons


[View full release on GitHub](https://github.com/livewire/flux/releases/tag/v1.0.15)
