fix(range): step change & style

ovh · Jul 29, 2024 · 851204c · 851204c
1 parent 5a4d110
commit 851204c
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 0 deletions.
diff --git a/packages/ods/src/components/range/src/components/ods-range/ods-range.scss b/packages/ods/src/components/range/src/components/ods-range/ods-range.scss
@@ -35,6 +35,7 @@
 
   &__shadow-thumb {
     position: absolute;
+    top: -2px;
     opacity: 0;
     z-index: -2;
     width: 16px;

diff --git a/packages/ods/src/components/range/src/components/ods-range/ods-range.tsx b/packages/ods/src/components/range/src/components/ods-range/ods-range.tsx
@@ -106,6 +106,11 @@ export class OdsRange {
     setFormValue(this.internals, this.value);
   }
 
+  @Watch('step')
+  onStepChange(): void {
+    this.onInput();
+  }
+
   componentWillLoad(): void {
     this.hostId = this.el.id || getRandomHTMLId();
 

diff --git a/packages/ods/src/style/_range.scss b/packages/ods/src/style/_range.scss
@@ -100,6 +100,7 @@ $range-background-color: var(--ods-color-neutral-300);
 
 @mixin thumb() {
   appearance: none;
+  box-sizing: border-box;
   border: 1px solid var(--ods-color-neutral-300);
   border-radius: 50%;
   box-shadow: none;