Demos

[admin]

Hi Dimitar,

1. animation=none does indeed resolve the issue
2. my time zone
   Intl.DateTimeFormat().resolvedOptions()
{
"locale": "en-GB",
"calendar": "gregory",
"numberingSystem": "latn",
"timeZone": "Asia/Seoul",
"year": "numeric",
"month": "2-digit",
"day": "2-digit"
}
3. no console output (info, debug, warning, error)

Thanks,

[admin]

Hello,
I wish everyone a great new week!
Please review this topic.
Thank you.

[admin]

Hi cetinsert,
Thank you for the clarification. Could you, please, also share if there are any errors thrown in your browser’s console when the issue occurs and what time zone you are in (this issue may be related to incorrect handling of some time zones).
Best regards,
Dimitar
Smart HTML Elements Team
https://www.htmlelements.com

[admin]

[admin]

Windows 10 (latest stable) + Firefox Quantum 69.0 (64-bit) -> same!

[admin]

Just tried, with latest non-Chromium Edge … same behavior!

[admin]

https://codepen.io/cetinsert/pen/KKPerWV – has the gif!
This time it is from Windows 10 (latest stable), Chrome (latest dev (but I don’t think it is a dev vs non-dev issue!))!

[admin]

Hi cetinsert,
We tested with macOS Mojave with the latest stable (not Dev) Chrome and Firefox, but still could not reproduce the issue. You can use a tool such as ScreenToGif or another to create a GIF that showcases the erroneous behavior. Please also share if there are any errors thrown in the browser’s console.
Best regards,
Dimitar
Smart HTML Elements Team
https://www.htmlelements.com

[admin]

Here is the video from Firefox!
“””Removed link to third party website. Only links to codepen, jsfiddle or similar are allowed”””
 

[admin]

Hi Dimitar,

• macOS Mojave 10.14.5

1. Chrome 78.0.3904.9 (Official Build) dev (64-bit) (spins like crazy 🙂
2. Firefox Quantum 69.0 (64-bit) (spins more slowly)

Do you know of a screen capture tool I can record a video with to share with you?
Thanks,

[admin]

Hello cetinsert,
We tested the demo, but were not able to reproduce the issue, even when rapidly clicking. Could you, please, share more information that may help us reproduce it (e.g. what browser you are testing on, what is the succession and number of clicks)?
If you wish, you can disable the spin animation by setting animation="none".
Best regards,
Dimitar
Smart HTML Elements Team
https://www.htmlelements.com

[admin]

Now, this https://www.htmlelements.com/demos/slider/ticks-on-track/ works with CSS of >=4.0 but not in 3.2.
That is probably where the regression for the simpler case mentioned above was introduced!

[admin]

I mean … since 4.0! I need additional CSS to make that div appear for horizontal sliders. This is a regression in your CSS. Please treat it as such.
Below is a quick fix:

smart-slider:not([orientation=vertical]) .smart-value {
--h: 2px; --d: -1px;
height: var(--h);
transform: translate(var(--d), var(--d));
}


[admin]

Hi cetinsert,
Thanks for writing.
The smart-slider .smart-value CSS is used. You can customize the CSS class based on your application needs.
Best Regards,
George
Smart HTML Elements Team
https://www.htmlelements.com

[admin]

applies to basic, non-range sliders too: https://www.htmlelements.com/demos/slider/basic/

[Author]

Posts