Replaced the transform and transform-origin CSS attributes with position bindings to add compatibility with IE11, Edge and Opera browsers, and to fix the issues raised in #29.
As part of the fixes made for #29, the clip path element has also been given a uniquely generated ID, as the url look-up done by the clip-path attribute and CSS property are global instead of being scoped to an instance of the element. In Firefox, this causes the clip-path attribute on the minutes and seconds numbers to reference the clipPath defined in the hours clock selector, which is hidden at the time they are visible, and will therefore cause all of the numbers to appear clipped.
Replaced the transform and transform-origin CSS attributes with position bindings to add compatibility with IE11, Edge and Opera browsers, and to fix the issues raised in #29.
As part of the fixes made for #29, the clip path element has also been given a uniquely generated ID, as the url look-up done by the clip-path attribute and CSS property are global instead of being scoped to an instance of the element. In Firefox, this causes the clip-path attribute on the minutes and seconds numbers to reference the clipPath defined in the hours clock selector, which is hidden at the time they are visible, and will therefore cause all of the numbers to appear clipped.