Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[Link with icon] Web components: icon position when text wraps to 2 lines

See original GitHub issue

Currently link with icon is not showing the correct behavior when link text wraps to 2 lines. Icon snaps to right-aligned to the container, and creates a weird gap between text and icon. This could happen when text is too long, or when screen size is narrow, and is influencing several dependent components such as Link list, Link list section, and Content group banner

This is similar problem to (#5740 )

Current

Apr-02-2021 16-52-42.gif

Proposed design & spec

Issue Analytics

State:
Created 2 years ago
Comments:5 (4 by maintainers)

Top GitHub Comments

1reaction

shixiedesigncommented, Aug 2, 2021

Hey @emyarod yep that is the expected behavior. Unfortunately there are awkward moments (when 1 arrow breaks to line 2 before the other one).

I think if there’s possibility to have an “orphan” logic so the arrows is always gonna be attached to 1 word with it, it could be nice. Lemme know if that’s even possible. If so, I can add a feature request for the team to look at.

0reactions

RobertaJHahncommented, Aug 9, 2021

Bug must also be fixed in React. Issue (#6837 ) has been created to manage that work.