Conversation
|
Netlify Draft Deployment |
Hydration Benchmark Report (vs Baseline)✅ Top 5 Improvements (Best Speedups)
🔻 Flop 5 Regressions (Worst Slowdowns)
📋 Show all results
|
|
Es funktioniert noch nicht wie gewünscht. |
b185963 to
943b940
Compare
943b940 to
ecde3aa
Compare
ecde3aa to
1c25ecc
Compare
There was a problem hiding this comment.
💡 Codex Review
Here are some automated review suggestions for this pull request.
ℹ️ About Codex in GitHub
Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you
- Open a pull request for review
- Mark a draft as ready
- Comment "@codex review".
If Codex has suggestions, it will comment; otherwise it will react with 👍.
Codex can also answer questions or update the PR. Try commenting "@codex address that feedback".
| .kol-tooltip-wc .tooltip-floating { | ||
| opacity: 0; | ||
| display: none; | ||
| position: fixed; | ||
|
|
||
| /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */ | ||
| top: 0; | ||
| left: 0; | ||
| /* Can be used to specify the tooltip-width from the outside. Unset by default. */ | ||
| width: var(--kol-tooltip-width); | ||
| /* Can be used to specify the tooltip-width from the outside. Unset by default. */ | ||
| width: var(--kol-tooltip-width, unset); | ||
| max-width: 90vw; | ||
| max-height: 90vh; | ||
|
|
||
| visibility: hidden; | ||
| animation-duration: 0.25s; | ||
| animation-direction: normal; | ||
| /* Can be used to specify the animation duration from the outside. 250ms by default. */ | ||
| animation-duration: var(--kolibri-tooltip-animation-duration, 250ms); | ||
| animation-fill-mode: forwards; | ||
| animation-iteration-count: 1; | ||
| animation-name: fadeInOpacity; | ||
| animation-timing-function: ease-in; | ||
|
|
||
| &.hide { | ||
| animation-name: hideTooltip; | ||
| } | ||
|
|
||
| &.show { | ||
| animation-name: showTooltip; | ||
| } |
There was a problem hiding this comment.
Ensure tooltip stays visible after show animation
.tooltip-floating keeps display: none as its base state and the show class only changes the animation name. Because display is not animatable, the value set at 0% in @keyframes showTooltip applies only while the animation runs; after 250 ms the element falls back to the base display: none even though the user is still hovering. The tooltip therefore flashes briefly and then vanishes, breaking tooltip visibility entirely. Add a persistent display: block for the visible state (e.g. on .show or the 100% keyframe) and keep display: none only for the hidden state.
Useful? React with 👍 / 👎.
a32b572 to
6466f9e
Compare
Summary
--kolibri-tooltip-transition-delayThe A11y and PO reviews will only take place after all other DoD steps have been completed by the Developer: