search

Esri / calcite-design-system

A monorepo containing the packages for Esri's Calcite Design System
https://developers.arcgis.com/calcite-design-system/
Other
270 stars 75 forks source link

Tooltips no longer move along x/y axis when transitioning to the `open` state for the first time #5697

Open nwhittaker opened 1 year ago

nwhittaker commented 1 year ago

Actual Behavior

The first time a tooltip's reference element is hovered, the tooltip appears abruptly in place. Subsequent hoverings of the reference element show a smoother transition of the tooltip from hidden to visible along the x or y axis (depending on how the tooltip is positioned relative to the reference element).

Expected Behavior

The tooltip transitions in smoothly along the x or y axis the first time its reference element is hovered.

Reproduction Sample

https://codepen.io/nwhittaker-esri/pen/ExRNKoZ

Reproduction Steps

  1. Visit the code sample
  2. Hover the text and note the tooltip appears in place (it may help to slow down animations in devtools)
  3. Hover the text again and note the tooltip now transitions along the x or y axis when showing/hiding.

Reproduction Version

beta.97

Relevant Info

No response

Regression?

next.606

Impact

For performance reasons, Field Maps generates some tooltips "just in time" when the reference element is hovered. As a result, the way these tooltips visually appear is inconsistent with how other tooltips in the app appear.

Esri team

ArcGIS Field Apps

geospatialem commented 1 year ago

Will determine if other floating UI fixes, such as #6520 improve this bug.

driskull commented 10 months ago

@nwhittaker is this issue still present in the latest release?

nwhittaker commented 10 months ago

@driskull, I updated the pen in the description to 1.7.0 and still see the originally observed behavior.

driskull commented 10 months ago

Thanks for confirming!

jcfranco commented 7 months ago

This should be fixed now via https://github.com/Esri/calcite-design-system/pull/8001 (see updated repro case).

@nwhittaker Can you confirm?

nwhittaker commented 7 months ago

I updated a fork of the repro to 2.0.0 and the issue looks resolved to me. Thanks!

geospatialem commented 7 months ago

Verified per Nate's comment above.

driskull commented 6 months ago

Reopened issue and added triage label. see #8409 for reasoning.

geospatialem commented 5 months ago

Spike to explore the transitions of the tooltip upon opening as it relates to overall performance of the component.

With the intent to focus on a future milestone in mid/late 2024 at the earliest if a solution is reached.

driskull commented 5 months ago

@geospatialem I tried a few things and couldn't figure out a way to get this animation to work correctly the first time. Maybe someone else wants to take a shot at it?