green-activity-6102
09/24/2022, 1:49 AMhx-trigger=keyup
override on the #id_search
field at the bottom is not working? it's still inheriting the change
trigger from the parent form
html
<form hx-get="/explore" hx-target="#form-and-table" hx-trigger="change" id="filter-form" method="post" name="filter-form">
<div id="div_id_location" class="mb-3">
<label for="id_location" class="form-label">Location</label>
<select name="location" class="select form-select" id="id_location">
<option value="">
All
</option>
</select>
</div>
<div id="div_id_categories" class="mb-3">
<label for="id_categories" class="form-label">Categories</label>
<select name="categories" class="selectmultiple form-select" id="id_categories" multiple>
<option value="1">
Hello World
</option>
</select>
</div>
<div id="div_id_search" class="form-floating mb-3">
<input type="text" name="search" hx-trigger="keyup" class="textinput textInput form-control" placeholder="search" id="id_search"> <label for="id_search">Search</label>
</div>
</form>
keyup
trigger working by duplicating the hx-get
down onto the search box, but now I'm noticing that the search box is triggering on BOTH the change
(from the parent) and the local keyup
trigger... shouldn't keyup
completely override change
?hx-disinherit="hx-trigger"
-- to no availmysterious-toddler-20573
09/25/2022, 6:56 PMchange
event, which is bubbling up the DOM via event bubblinggreen-activity-6102
09/25/2022, 8:05 PMmysterious-toddler-20573
09/25/2022, 8:54 PM