search

ionic-team / ionic-framework

A powerful cross-platform UI toolkit for building native-quality iOS, Android, and Progressive Web Apps with HTML, CSS, and JavaScript.
https://ionicframework.com
MIT License
50.47k stars 13.53k forks source link

fix(select): options are visible with fit-content width and fill outline #29408

Closed sean-perkins closed 2 weeks ago

sean-perkins commented 2 weeks ago

Issue number: resolves #29321

What is the current behavior?

When using a select with fill="outline", interface="popover" and a width that fits the content of the options, the select options are not visible. The hidden radio is covering the text of the radio text options.

What is the new behavior?

Does this introduce a breaking change?

Other information

Dev-build: 8.0.2-dev.11714165638.13e7dd5b

Reproduction (issue): https://stackblitz.com/edit/angular-mndtkr Reproduction (with dev-build): https://stackblitz.com/edit/angular-mndtkr-d7wsnp

Reproduction steps:

  1. Open the select
  2. Observe: The popover displays the options, but the options are not visible/readable to the user
  3. Use the dev-build
  4. Open the select
  5. Observe: The popover displays the options and they are visible/readable to the user (5, 10, 15).
vercel[bot] commented 2 weeks ago

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
ionic-framework ✅ Ready (Inspect) Visit Preview 💬 Add feedback Apr 26, 2024 9:03pm
liamdebeasi commented 2 weeks ago

Tested it out, and it works well.