Skip to content

Conversation

@joselrio
Copy link
Contributor

@joselrio joselrio commented Nov 6, 2025

Issue number: resolves #


What is the current behavior?

Once IonSelect was using a modal-default (with no breakpoints) the styling of the modal do not fit with the expected ones for ionic theme.
Screenshot 2025-11-06 at 11 01 00

What is the new behavior?

Under the same context new styling has been added.
Screenshot 2025-11-06 at 11 01 22

Does this introduce a breaking change?

  • Yes
  • No

@joselrio joselrio requested a review from a team as a code owner November 6, 2025 11:02
@joselrio joselrio added the type: feature request a new feature, enhancement, or improvement label Nov 6, 2025
@joselrio joselrio requested a review from OS-jacobbell November 6, 2025 11:02
@vercel
Copy link

vercel bot commented Nov 6, 2025

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Preview Comments Updated (UTC)
ionic-framework Ready Ready Preview Comment Nov 7, 2025 11:43am

@github-actions github-actions bot added the package: core @ionic/core package label Nov 6, 2025
Comment on lines +34 to +38
:host(.select-modal.modal-default) {
--max-height: 45%;
--max-width: calc(100% - (#{globals.$ion-space-400} * 2));
--min-height: 340px;
}
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Shouldn't we be using tokens here? I didn't found them in Figma, but was it checked with the UX Team?

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Shouldn't we be using tokens here? I didn't found them in Figma, but was it checked with the UX Team?

@OS-giulianasilva well, I did not use them because they are not there :P
--max-width is making usage of it. Will ask about others.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

package: core @ionic/core package type: feature request a new feature, enhancement, or improvement

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants