hx-select conflict

[pedrorodriguesar]

i have a form like this and everthing works individual, but if i make together, select not work, it loads data but not show, if i remove hx-select from from(or other parent from select), everthing works fine.

htmx.logAll() show no errors

<select
id="country"
name="country"
hx-get="/country-select-options"
hx-trigger="load"
hx-target="#country"
hx-swap="innerHTML"

[pedrorodriguesar]

if add hx-disinherit="*" to form solve the problem

[Telroshan]

Hello, indeed, as per the doc

hx-select is inherited and can be placed on a parent element

So if a parent element has it, all children elements will inherit it unless you specify hx-disinherit just like you did.
Please note you can also specify hx-disinherit="hx-select" to only prevent inheriting the hx-select value but keep inheriting the other hx attributes