quiet-nightfall-51817
05/11/2023, 2:04 AMmysterious-toddler-20573
05/11/2023, 2:04 AMmysterious-toddler-20573
05/11/2023, 2:04 AMhttps://cdn.discordapp.com/attachments/725789747212976259/1106039211527786558/notepad.pngβΎ
great-cartoon-12331
05/11/2023, 2:05 AMaloof-crayon-56651
05/11/2023, 2:05 AMminiature-window-68019
05/11/2023, 3:39 AMgreat-cartoon-12331
05/11/2023, 3:52 AMmysterious-toddler-20573
05/11/2023, 4:11 AMshy-zebra-22292
05/11/2023, 4:41 AMminiature-window-68019
05/11/2023, 4:44 AMproud-librarian-99598
05/11/2023, 5:35 AM<!-- load demo environment -->
<script src="https://demo.htmx.org"></script>
<form hx-get="/"
hx-trigger="keyup changed throttle:200ms"
hx-target="form">
<input id="input1"
hx-get="/"
hx-trigger="keyup changed throttle:200ms">
<input id="input2">
<button type="submit">
Submit
</button>
</form>
<template url="/" delay="500"> <!-- note the url and delay attributes -->
<form hx-get="/" hx-trigger="keyup changed throttle:200ms">
<input id="input1"
hx-get="/"
hx-trigger="keyup changed throttle:200ms">
<input id="input2">
<button type="submit">
Submit
</button>
</form>
</template>
If you type something in the first input, then the GET request is triggered. When you do the same in input2, then no request is triggered. Even though the event should bubble up to the form trigger the request there.bland-coat-6833
05/11/2023, 6:06 AMagreeable-vase-45569
05/11/2023, 7:58 AMripe-action-67367
05/11/2023, 8:11 AMrefined-waiter-90422
05/11/2023, 8:18 AMagreeable-vase-45569
05/11/2023, 8:18 AMrefined-waiter-90422
05/11/2023, 8:19 AMagreeable-vase-45569
05/11/2023, 8:21 AMbland-coat-6833
05/11/2023, 8:57 AMagreeable-vase-45569
05/11/2023, 9:06 AMbland-coat-6833
05/11/2023, 9:09 AMfreezing-agency-51240
05/11/2023, 10:53 AMmysterious-toddler-20573
05/11/2023, 1:06 PMthankful-addition-60522
05/11/2023, 1:09 PMthankful-addition-60522
05/11/2023, 1:09 PMmysterious-toddler-20573
05/11/2023, 1:18 PMmysterious-toddler-20573
05/11/2023, 1:18 PMthankful-addition-60522
05/11/2023, 1:27 PM