Skip to content

Text Field Outline/Border Color breaks under Label into a Black Segment #5668

New issue
New issue
Open
#5737
Open
Text Field Outline/Border Color breaks under Label into a Black Segment#5668
#5737
@jtng3

Description

@jtng3
jtng3
opened on Jul 3, 2024

What is affected?

Component, Theming

Description

When I use a m3 web component in a svelte app, the outline is not consistently the primary color, instead, under where the label is, the outline becomes partially black.
Screenshot 2024-07-03 at 2 09 45 PM

Reproduction

https://secret.labs.tozny.com/create

Workaround

have not

Is this a regression?

No or unsure. This never worked, or I haven't tried before.

Affected versions

failing @material/web@1.5.1

Browser/OS/Node environment

node: v20.14.0
safari: Version 17.4 (19618.1.15.11.12)

Activity

jtng3

jtng3 commented on Jul 3, 2024

@jtng3
jtng3
on Jul 3, 2024
Author

problem present in chrome and safari on ios. problem not present in chrome(mac), but present in safari(mac)

rosasck

rosasck commented on Jul 8, 2024

@rosasck
rosasck
on Jul 8, 2024

I am also seeing this issue occur on ios safari

l0ll098
linked a pull request that will close this issue on Oct 23, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

      Development

      Participants

      @jtng3@rosasck

      Issue actions
        Text Field Outline/Border Color breaks under Label into a Black Segment · Issue #5668 · material-components/material-web