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:
@@ -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">
|
||||
|
||||
Reference in New Issue
Block a user