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
51.01k stars 13.51k forks source link

bug: select label does not cover placeholder #27201

Closed EinfachHans closed 1 year ago

EinfachHans commented 1 year ago

Prerequisites

Ionic Framework Version

v7.x

Current Behavior

When you have an floating md select with label and placeholder and no value selected the select appears buggy (see linked stackblitz)

Expected Behavior

I added to the stackblitz the current implementation of the same thing in the input coponent. That's how the select should work as well, so: Only show the label, if the select has focus: show the placeholder

Steps to Reproduce

Open attached stackblitz

Code Reproduction URL

https://github-1mgkjv-k38jrw.stackblitz.io

Ionic Info

Starter project

Additional Information

No response

munnokd commented 1 year ago

@EinfachHans can you assign this issue to me?

EinfachHans commented 1 year ago

@EinfachHans can you assign this issue to me?

I'm not working on the ionic framework but created a couple of merged pull requests myself. So if you are interested in fixing this bug you can create a PR of course 😊

Just follow the contribution guideline and the team will appreciate it

ionitron-bot[bot] commented 1 year ago

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.