Skip to content

fix(alert): date inputs render correctly in mobile safari - #28495

Merged
liamdebeasi merged 7 commits into
mainfrom
sp/FW-5553
Nov 21, 2023
Merged

fix(alert): date inputs render correctly in mobile safari#28495
liamdebeasi merged 7 commits into
mainfrom
sp/FW-5553

Conversation

@sean-perkins

@sean-perkins sean-perkins commented Nov 8, 2023

Copy link
Copy Markdown
Contributor

Issue number: resolves #28494


What is the current behavior?

The appearance of the input is being set to none which clears the browser appearance settings for height on the control. This results in the <input type="date" /> to render without a height.

What is the new behavior?

  • Minimum height is assigned to the alert input, forcing it to render at it's expected height
  • Date input renders correctly in Mobile Safari

Does this introduce a breaking change?

  • Yes
  • No

Other information

We have screenshots for this component, but Playwright runs an emulation of Mobile Safari that does not reproduce this issue that is only present on device. There for we cannot write a test on this change.

@github-actions github-actions Bot added the package: core @ionic/core package label Nov 8, 2023
Comment thread core/src/components/alert/alert.ios.scss
@sean-perkins
sean-perkins marked this pull request as ready for review November 10, 2023 00:31
@sean-perkins
sean-perkins requested review from a team and averyrousseau and removed request for a team November 10, 2023 16:32
Comment thread core/src/components/alert/alert.ios.scss
@liamdebeasi
liamdebeasi added this pull request to the merge queue Nov 21, 2023
Merged via the queue into main with commit b833f0e Nov 21, 2023
@liamdebeasi
liamdebeasi deleted the sp/FW-5553 branch November 21, 2023 15:40
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

package: core @ionic/core package

Projects

None yet

Development

Successfully merging this pull request may close these issues.

bug: Alert date input does not render correctly on mobile safari

4 participants