You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
I expect that when clicking "[X]" the dismiss transition (default "transition-opacity") to follow the duration, the #dismissMe element opacity should slowly disappear, taking 10s to change from 1 to 0.
To Reproduce
Steps to reproduce the behavior:
Set up a Dismiss with the duration option set to 10000
Trigger the .hide() function
Note that the transition-opacity for the target element goes from 1 to 0 fast (assuming 300ms)
Note that the target element block space is still present on the page for the remaining duration.
After 10s (the duration option) the element is removed from the page, the block space previously occupied by the target element is removed.
Expected behavior
I expect the transition to follow the duration option, the element opacity should slowly decrease in the 10s duration as set in the example.
Desktop (please complete the following information):
OS: macOS
Browser: Chrome
Version: 126
The text was updated successfully, but these errors were encountered:
I assume the duration option must be one of the presets defined by Tailwind? If that's the case the documentation leaves much to be desired. I can submit a PR to add this note if that's the case.
However, even if I try to generate a custom duration in tailwind.config.js it doesn't work:
module.exports={// ...theme: {extend: {transitionDuration: {'10000': '10s',// or '10000ms'}}}}
I would like to be able to set custom durations and having them be applied regardless of Tailwind. Does that make sense?
Describe the bug
When I set up a
Dismiss
object with the following options:I expect that when clicking "[X]" the dismiss transition (default
"transition-opacity"
) to follow the duration, the#dismissMe
element opacity should slowly disappear, taking 10s to change from1
to0
.To Reproduce
Steps to reproduce the behavior:
duration
option set to10000
.hide()
functiontransition-opacity
for the target element goes from1
to0
fast (assuming 300ms)duration
.duration
option) the element is removed from the page, the block space previously occupied by the target element is removed.Expected behavior
I expect the transition to follow the
duration
option, the element opacity should slowly decrease in the 10s duration as set in the example.Desktop (please complete the following information):
The text was updated successfully, but these errors were encountered: