Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

ion-alert got blurred after focus on input #29524

Closed
3 tasks done
ibroid opened this issue May 20, 2024 · 3 comments
Closed
3 tasks done

ion-alert got blurred after focus on input #29524

ibroid opened this issue May 20, 2024 · 3 comments
Labels

Comments

@ibroid
Copy link

ibroid commented May 20, 2024

Prerequisites

Ionic Framework Version

v8.x

Current Behavior

image

Expected Behavior

image

Steps to Reproduce

  1. Trigger the alert
  2. Focus on input

Code Reproduction URL

https://github.com/ibroid/antrian-online

Ionic Info

Ionic:

Ionic CLI : 6.20.8
Ionic Framework : @ionic/react 8.1.2

Capacitor:

Capacitor CLI : 5.7.0
@capacitor/android : not installed
@capacitor/core : 5.7.0
@capacitor/ios : not installed

Utility:

cordova-res : not installed globally
native-run : 2.0.1

System:

NodeJS : v18.13.0 (C:\Program Files\nodejs\node.exe)
npm : not installed
OS : Windows 10

Additional Information

I just starting project with ionic, but i struggling after encountered this bug. 1 hour of searching got me nothing. please help.

@sean-perkins
Copy link
Contributor

Hello @ibroid the team will need a few things to assist further:

  1. The reproduction provided appears to be private, can you make that public? If you have sensitive code in your existing repository, please provide a new reproduction that is public without that information included.
  2. Can you provide a few comments on what you are expecting with your interactions and how it is a bug? With the screenshots, it is difficult to determine the issue you are reporting. If you are not reporting a bug or feature request, the Discord is where support related cases are handled.

Thanks!

@sean-perkins sean-perkins added the needs: reply the issue needs a response from the user label May 20, 2024
@ionitron-bot ionitron-bot bot removed the triage label May 20, 2024
@ibroid
Copy link
Author

ibroid commented May 20, 2024

Sure @sean-perkins i will change to public repository.
Yes it is a bug, well theres no special style or logical complexity in my source code. just like i say before its just a starter ionic app.
However my point is to make an interact with user to inform their data, so the app can store it. To make this happen i try to use a ion-alert component with default input in it. Just copy and paste the code from documentation without any modification. When pop up modal show up, i try to focus (click) the input component, and suddently the modal was blurred. idk why. i try many css modification but its not working.

Animation

edit : Iam sorry at the first, bug label was deleted when i was typing the title. i didnt notice after i read the reply.

@ionitron-bot ionitron-bot bot added triage and removed needs: reply the issue needs a response from the user labels May 20, 2024
@ibroid
Copy link
Author

ibroid commented May 20, 2024

the problem is in my google chrome browser. idk why, theres no spicious extension.
so i will close this issue.
iam sorry to waste your time XD and thank you for your attention sir @sean-perkins

@ibroid ibroid closed this as completed May 20, 2024
@thetaPC thetaPC closed this as not planned Won't fix, can't repro, duplicate, stale May 20, 2024
@thetaPC thetaPC removed their assignment May 20, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

3 participants