diff --git a/.changeset/seek-bar-tap-highlight.md b/.changeset/seek-bar-tap-highlight.md new file mode 100644 index 00000000..853ececa --- /dev/null +++ b/.changeset/seek-bar-tap-highlight.md @@ -0,0 +1,6 @@ +--- +'@theoplayer/web-ui': patch +'@theoplayer/react-ui': patch +--- + +Fixed a brief tap highlight appearing on the seek bar on iOS Safari when tapping or scrubbing. diff --git a/src/components/Range.css b/src/components/Range.css index 17d29bb7..a5bda23e 100644 --- a/src/components/Range.css +++ b/src/components/Range.css @@ -14,6 +14,7 @@ padding-left: var(--theoplayer-range-padding-left, var(--theoplayer-range-padding)); padding-right: var(--theoplayer-range-padding-right, var(--theoplayer-range-padding)); pointer-events: auto; + -webkit-tap-highlight-color: transparent; /* needed for vertical align issue 1px off */ font-size: 0; }