M3 Beta Text Component Icon Conflict

Hi,

Apologies if this has been raised before.
Component: m3.Text component
Dependency: m3 v1.2.5
Objective: Use leading icon with text component
Issue: When the text becomes multi-line it overlaps the icon and hides it. Ideally would like the text to wrap without causing a conflict with the leading icon.

I just verified this does indeed happen:

To clarify, this only happens when text wrapping occurs. If you manually break the line with \n, then this bug doesn’t occur.

Its probably worth raising an issue on the github repo.

1 Like

Thanks @duncan_richards12 for confirming.

Issue raised on Github as Multi-line text in m3.Text component overlaps start icon #307

3 Likes