fix(html-examples): tighten email and progress feedback

Require a complete dotted email before inline validation reports success, preserve the typed email after valid revalidation, and update progress via the actual progress element so visible progress is not stuck at 100%.

req: htmx_equivalents/005

req: examples/001

req: test/006
This commit is contained in:
slhx agent
2026-06-25 16:53:12 +02:00
parent 3d1d613eb2
commit 691c6f009a
3 changed files with 55 additions and 13 deletions
@@ -78,12 +78,13 @@
<section id="progress-bar" data-htmx-example="progress-bar" aria-labelledby="progress-heading">
<h2 id="progress-heading">progress-bar</h2>
<form data-hemx-handle="tick_progress" data-hemx-form="tick_progress" data-hemx-interval="500ms">
<form data-hemx-handle="tick_progress" data-hemx-form="tick_progress">
<input type="hidden" name="request" value="tick">
<button type="submit">Tick progress</button>
</form>
<progress max="100" +value="self.progress">{+ self.progress_label +}</progress>
<p data-hemx-slot="progress_meter">{+ self.progress_label +}</p>
<p data-hemx-slot="progress_meter">
<progress max="100" +value="self.progress">{+ self.progress_label +}</progress>
</p>
</section>
<section id="value-select" data-htmx-example="value-select" aria-labelledby="value-heading">