search

tokens-studio / figma-plugin

Official repository of the plugin 'Tokens Studio for Figma' (Figma Tokens)
https://www.figma.com/community/plugin/843461159747178978
MIT License
1.33k stars 191 forks source link

Dropdown menu dot selection shows as misaligned #2851

Closed cuserox closed 1 month ago

cuserox commented 1 month ago

Describe the bug Dropdown menu shows the dots / ticks / icon misaligned for a user. Original thread 👉 here.

DropdownMenu uses Radix, this doesn't have any open issues related to it. Unable to reproduce locally but found that display: flow is causing this on the RadioItem component (explanation here).

Potential solution, add a global CSS fix for the specific browser?

To Reproduce Steps to reproduce the behavior:

  1. Open the plugin
  2. Open any dropdown with icons (i.e. 'Apply to...')
  3. See misalignment

Expected behavior Icons should be aligned.

Screenshots or Screencasts Image

six7 commented 1 month ago

This likely comes from the DS where the DropdownMenu Item doesnt have position relative but the icon slots are using position absolute?

github.com/tokens-studio/ds

six7 commented 1 month ago

Note that I am unable to reproduce this one