fix(datetime): selecting time now works correctly on firefox (#23583)

resolves #23545
ionic-team · Jul 6, 2021 · 4188964 · 4188964
1 parent 8f172de
commit 4188964
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/core/src/components/datetime/datetime.tsx b/core/src/components/datetime/datetime.tsx
@@ -1009,7 +1009,15 @@ export class Datetime implements ComponentInterface {
             otherCol.classList.remove('time-column-active');
 
             const bbox = activeCol.getBoundingClientRect();
-            const activeElement = this.el!.shadowRoot!.elementFromPoint(bbox.x + 1, bbox.y + 1)!;
+
+            /**
+             * Do not use floating point
+             * here as some browsers may clamp
+             * or round down.
+             */
+            const x = Math.ceil(bbox.x + 1);
+            const y = Math.ceil(bbox.y + 1);
+            const activeElement = this.el!.shadowRoot!.elementFromPoint(x, y)!;
             const value = parseInt(activeElement.getAttribute('data-value')!, 10);
 
             if (colType === 'hour') {