tall-dinner-62086
07/11/2022, 2:17 PMmysterious-toddler-20573
07/11/2022, 3:55 PMancient-shoe-86801
07/11/2022, 4:51 PMancient-shoe-86801
07/11/2022, 4:51 PMmysterious-toddler-20573
07/11/2022, 6:57 PMrefined-waiter-90422
07/11/2022, 8:03 PMhtml
<script>
htmx.config.inheritanceEnabled = false;
</script>
blue-ghost-19146
07/11/2022, 8:10 PMhtmx.config.inheritanceEnabled.swap = false
or similarrefined-waiter-90422
07/11/2022, 8:12 PMrefined-waiter-90422
07/11/2022, 8:13 PMblue-ghost-19146
07/11/2022, 8:19 PMblue-ghost-19146
07/11/2022, 8:21 PMhundreds-camera-24900
07/11/2022, 8:28 PMsteep-lamp-42308
07/11/2022, 8:29 PMmysterious-toddler-20573
07/11/2022, 8:31 PMhtml
<div hx-target:inherited="this">
...
</div>
mysterious-toddler-20573
07/11/2022, 8:31 PMmysterious-toddler-20573
07/11/2022, 8:31 PMmysterious-toddler-20573
07/11/2022, 8:32 PMrefined-waiter-90422
07/11/2022, 8:36 PMhtmx.config.inherit = false;
then you can explicitly turn on inheritance for specific properties using <div hx-target:inherit="this">
refined-waiter-90422
07/11/2022, 8:36 PMrefined-waiter-90422
07/11/2022, 8:38 PMrefined-waiter-90422
07/11/2022, 8:46 PMmysterious-toddler-20573
07/11/2022, 8:47 PMmysterious-toddler-20573
07/11/2022, 8:47 PMrefined-waiter-90422
07/11/2022, 8:50 PMrefined-waiter-90422
07/11/2022, 8:52 PMhx-disinherit
on a specific element..refined-waiter-90422
07/11/2022, 8:58 PM<body hx-inherit="false">
for some consistency with the hx-boost="false"
API.. but I bet people really using htmx are setting a few htmx.config.*
already anyway... I am.refined-waiter-90422
07/11/2022, 8:59 PMrefined-waiter-90422
07/11/2022, 9:11 PMrefined-waiter-90422
07/11/2022, 9:17 PMblue-ghost-19146
07/11/2022, 9:19 PMhx-target:inherited=“this”
example would work nicely to give granular, explicit control over inheritance