Skip to content

Live runs on elements that have mx-ignore on them.#2

Open
figuerom16 wants to merge 4 commits into
bigskysoftware:masterfrom
figuerom16:master
Open

Live runs on elements that have mx-ignore on them.#2
figuerom16 wants to merge 4 commits into
bigskysoftware:masterfrom
figuerom16:master

Conversation

@figuerom16

@figuerom16 figuerom16 commented Jun 15, 2026

Copy link
Copy Markdown

Not sure if this is the best way to fix this issue, but live does ignore elements with mx-ignore with this change. Before it would run any change.

If there is a better fix for this or this is intended behavior then feel free to close the issue.

<!-- This input is triggering live when I wouldn't expect it to. -->
<input mx-ignore class="pin" pattern="\d" maxlength="1" aria-label="Digit 0"> 
<article class="container card-info" style="width:26rem;">
	<header>Secure PIN Verification</header>
	<form hx-method="POST">
		<div role="group" style="gap:1rem;">
			<input class="pin" pattern="\d" maxlength="1" aria-label="Digit 1">
			<input class="pin" pattern="\d" maxlength="1" aria-label="Digit 2">
			<input class="pin" pattern="\d" maxlength="1" aria-label="Digit 3">
			<p style="margin-top:0.8rem;">-</p>
			<input class="pin" pattern="\d" maxlength="1" aria-label="Digit 4">
			<input class="pin" pattern="\d" maxlength="1" aria-label="Digit 5">
			<input class="pin" pattern="\d" maxlength="1" aria-label="Digit 6">
		</div>
		<input type name="pin" live="this.value=''; q('.pin').arr().forEach(p=>{this.value += p.value})">
	</form>
</article>

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant