…when focused modify placeholder visibility (opacity) css condition to show the placeholder if the select is focused *and* has no value, as opposed to only being focused closes ionic-team#30401
The latest updates on your projects. Learn more about Vercel for GitHub.
| Project | Deployment | Actions | Updated (UTC) |
|---|---|---|---|
| ionic-framework | Preview, Comment | Jul 27, 2026 10:45pm |
| */ | ||
| :host(.select-expanded.select-label-placement-floating) .native-wrapper .select-placeholder, | ||
| :host(.has-focus.select-label-placement-floating) .native-wrapper .select-placeholder, | ||
| :host(.has-focus.select-label-placement-floating):not(.has-value) .native-wrapper .select-placeholder, |
Comment on lines +211 to +213
| await select.click(); | ||
| const cancel = page.locator('button.alert-button-role-cancel'); | ||
| await cancel.click(); | ||
| await expect(select).toHaveScreenshot(screenshot(`select-label-focus-floating-no-value-placeholder`)); |
| const select = page.locator('ion-select'); | ||
| await expect(select).toHaveScreenshot(screenshot(`select-label-floating-no-value-placeholder`)); | ||
| }); | ||
| test('label should appear on top of the select when it is focused, has a placeholder, and no value', async ({ |
