[Tag]: Long tags that are truncated (indicated by ellipses) cannot be accessed using the keyboard.

[ginabak]

Summary

Long tags that are truncated (indicated by ellipses) cannot be accessed via keyboard

See screenshot (you'll notice that on hover the entire text is visible, but it's not visible via the keyboard):

Expected behavior

I would expect that long tags that are truncated be accessible via keyboard controls as the entire text of the tag is visible on mouse hover?

Actual behavior

Instead it's not keyboard accessible 👀
Re screenshot above (you'll notice that on hover the entire text is visible, but it's not visible via the keyboard).
When using voiceover, the entirety of the content is read, but the entirety of the content isn't visible on the screen.

Steps to reproduce

Link to sandbox

1. Ensure you have a tag with really long content, for funsies, feel free to copy the text below:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer at ipsum quam. Aliquam fermentum bibendum vestibulum. Vestibulum condimentum luctus metus, sed sagittis magna pellentesque eget. Duis dapibus pretium nisi, et venenatis tortor dignissim ut. Quisque eget lacus ac ex eleifend ultrices. Phasellus facilisis ex sit amet leo elementum condimentum. Ut vel maximus felis. Etiam eget diam eu eros blandit interdum. Sed eu metus sed justo aliquam iaculis ac sit amet ex. Curabitur justo magna, porttitor non pulvinar eu, malesuada at leo. Cras mollis consectetur eros, quis maximus lorem dignissim at. Proin in rhoncus massa. Vivamus lectus nunc, fringilla euismod risus commodo, mattis blandit nulla.

2. Hover your mouse on the long text, notice that the entire text is visible via a popover
3. Now try to access the tag and notice you can't 😢

Are you using React components?

Yes

Polaris version number

No response

Browser

Chrome

Device

No response