Skip to content

md-select-option selected not getting selected #5583

@srdavo

Description

@srdavo

What is affected?

Component

Description

I have some "md-outlined-select"or "md-filled-select" in my project and inside there are md-select-option with the
attribute, sometimes when the page loads the select does not have the option selected and some other times it does show the option selected.
Some times it does not show the option selected but the select does have the value and some other times the select does not show the option selected and also does not have a value, so it makes it unusable.

I tried with material web dialogs, with my own modals, and the problem persists.
https://github.com/material-components/material-web/assets/97427028/6d125544-48c4-4721-9e38-d0d64712589f

Reproduction

Sadly i cant reproduce it, so i guess it is something with me, but if any one could help with this weird problem.
https://lit.dev/playground/#project=W3sibmFtZSI6Im1hdGVyaWFsLWltcG9ydHMuanMiLCJjb250ZW50IjoiaW1wb3J0ICdAbWF0ZXJpYWwvd2ViL3NlbGVjdC9maWxsZWQtc2VsZWN0LmpzJztcbmltcG9ydCAnQG1hdGVyaWFsL3dlYi9zZWxlY3Qvb3V0bGluZWQtc2VsZWN0LmpzJztcbmltcG9ydCAnQG1hdGVyaWFsL3dlYi9zZWxlY3Qvc2VsZWN0LW9wdGlvbi5qcyc7In0seyJuYW1lIjoiaW5kZXguaHRtbCIsImNvbnRlbnQiOiI8IURPQ1RZUEUgaHRtbD5cbjxzY3JpcHQgdHlwZT1cIm1vZHVsZVwiIHNyYz1cIi4vbWF0ZXJpYWwtaW1wb3J0cy5qc1wiPjwvc2NyaXB0PlxuXG5cbjxtZC1vdXRsaW5lZC1zZWxlY3RcbiAgICAgICAgaWQ9XCJmaWx0ZXItYXBwdHMteWVhclwiXG4gICAgICAgIGxhYmVsPVwiQcOxbyBkZSBsYXMgY2l0YXNcIlxuICAgICAgICBjbGFzcz1cIm5vLXJlc2V0XCI-XG5cbiAgICAgICAgPG1kLXNlbGVjdC1vcHRpb24gc2VsZWN0ZWQgdmFsdWU9XCIyMDI0XCI-XG4gICAgICAgICAgMjAyNFxuICAgICAgICA8L21kLXNlbGVjdC1vcHRpb24-XG4gICAgICAgIDxtZC1zZWxlY3Qtb3B0aW9uIHZhbHVlPVwiMjAyM1wiPlxuICAgICAgICAgIDIwMjNcbiAgICAgICAgPC9tZC1zZWxlY3Qtb3B0aW9uPlxuICAgICAgICA8bWQtc2VsZWN0LW9wdGlvbiB2YWx1ZT1cIjIwMjIsIDIwMjMsIDIwMjRcIj5cbiAgICAgICAgICBUb2RvcyBsb3MgYcOxb3NcbiAgICAgICAgPC9tZC1zZWxlY3Qtb3B0aW9uPlxuICAgICAgPC9tZC1vdXRsaW5lZC1zZWxlY3Q-In0seyJuYW1lIjoicGFja2FnZS5qc29uIiwiY29udGVudCI6IntcbiAgXCJkZXBlbmRlbmNpZXNcIjoge1xuICAgIFwibGl0XCI6IFwiXjIuMC4wXCIsXG4gICAgXCJAbGl0L3JlYWN0aXZlLWVsZW1lbnRcIjogXCJeMS4wLjBcIixcbiAgICBcImxpdC1lbGVtZW50XCI6IFwiXjMuMC4wXCIsXG4gICAgXCJsaXQtaHRtbFwiOiBcIl4yLjAuMFwiXG4gIH1cbn0iLCJoaWRkZW4iOnRydWV9XQ

Workaround

i will just change the way my app works to use this.

Is this a regression?

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

Affected versions

1.4.1

Browser/OS/Node environment

Chrome, last version

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions