Skip to content

Conversation

@yamanoku
Copy link

@yamanoku yamanoku commented Mar 31, 2025

Summary

This pull request relocates the modal dialog from the center of the screen to the top.

Problem

The current modal dialog is displayed in the center. When the operating system's on-screen keyboard appears, there's a risk that it will cover the dialog, making it difficult or impossible for the user to see or interact with it.

Showing mobile app editing dialogAndroid OS keyboard partially obscures the bottom of the dialog

Solution

To prevent this potential overlap issue, the modal dialog's vertical alignment has been changed from items-center to items-start. This ensures the dialog remains visible even when the keyboard is active.

Modal dialog is not covered by the keyboard at the bottom

@netlify
Copy link

netlify bot commented Mar 31, 2025

Deploy Preview for elk-docs canceled.

Name Link
🔨 Latest commit 938515d
🔍 Latest deploy log https://app.netlify.com/sites/elk-docs/deploys/67edca7ebbe0f700083141aa

@netlify
Copy link

netlify bot commented Mar 31, 2025

Deploy Preview for elk-zone ready!

Name Link
🔨 Latest commit 938515d
🔍 Latest deploy log https://app.netlify.com/sites/elk-zone/deploys/67edca7e4db8c40008d1edda
😎 Deploy Preview https://deploy-preview-3254--elk-zone.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

@yamanoku yamanoku force-pushed the chore-dialog-position-center-to-start branch from ab8570d to 938515d Compare April 2, 2025 23:38
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant