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

Tab key in p-dialog with p-InputNumber #9380

Closed
hugograf opened this issue Oct 8, 2020 · 5 comments · Fixed by #12124
Closed

Tab key in p-dialog with p-InputNumber #9380

hugograf opened this issue Oct 8, 2020 · 5 comments · Fixed by #12124
Assignees
Labels
LTS-PORTABLE Issue's fix will be ported to supported LTS versions Type: Bug Issue contains a bug related to a specific component. Something about the component is not working
Milestone

Comments

@hugograf
Copy link
Contributor

hugograf commented Oct 8, 2020

[x] bug report => Search github for a similar issue or PR before submitting
[ ] feature request => Please check if request is not on the roadmap already https://github.com/primefaces/primeng/wiki/Roadmap
[ ] support request => Please do not submit support request here, instead see http://forum.primefaces.org/viewforum.php?f=35

Plunkr Case (Bug Reports)
https://stackblitz.com/edit/github-dialog-tab?embed=1&file=src/app/app.component.html

Current behavior

  • Click Button Show
  • Set cursor on first input field
  • Move cursor by pressing tab or shift+tab key
  • Try to override or to correct values of the input fields

Expected behavior
The whole value of a input should be selected in a p-dialog, easier to override

  • Angular version: 10.X
  • PrimeNG version: 10.0.2 (Possibly any version)
  • Browser: [all]
@yigitfindikli yigitfindikli self-assigned this Nov 25, 2020
@yigitfindikli yigitfindikli added the Status: Pending Review Issue or pull request is being reviewed by Core Team label Nov 25, 2020
@dcbroad3
Copy link
Contributor

dcbroad3 commented Nov 2, 2022

I also see this issue in the latest version of PrimeNG (14.1.2)

For extra information: This issue is not limited to InputNumber, and in fact applies to any input element that is rendered inside a dialog, even if it is just a standard HTML input.

@dcbroad3
Copy link
Contributor

dcbroad3 commented Nov 2, 2022

Opened PR #12124 to resolve this issue, the root issue is that the FocusTrap directive used by the Dialog only focuses the chosen element, and does not select it if it is an HTMLInputElement.

@mertsincan
Copy link
Member

Hi,

So sorry for the delayed response! Improvements have been made to many components recently, both in terms of performance and enhancement. Therefore, this improvement may have been developed in another issue ticket without realizing it. You can check this in the documentation. If there is no improvement on this, can you reopen the issue so we can include it in our roadmap?
Please don't forget to add your feedback as a comment after reopening the issue. These will be taken into account by us and will contribute to the development of this feature. Thanks a lot for your understanding!

Best Regards,

@cetincakiroglu cetincakiroglu added this to the 15.0.0 milestone Dec 2, 2022
@cetincakiroglu cetincakiroglu self-assigned this Dec 2, 2022
@cetincakiroglu cetincakiroglu modified the milestones: 15.0.0, 14.2.3, 15.Future Dec 12, 2022
@dcbroad3
Copy link
Contributor

@mertsincan @cetincakiroglu I can confirm that this issue still exists in PrimeNG/Angular version 15.

PR #12124 still contains a viable fix.

@cetincakiroglu cetincakiroglu modified the milestones: 15.Future, 15.0.1 Dec 20, 2022
@cetincakiroglu cetincakiroglu added Type: Bug Issue contains a bug related to a specific component. Something about the component is not working and removed Status: Pending Review Issue or pull request is being reviewed by Core Team labels Dec 20, 2022
@cetincakiroglu
Copy link
Contributor

@mertsincan @cetincakiroglu I can confirm that this issue still exists in PrimeNG/Angular version 15.

PR #12124 still contains a viable fix.

Hi @dcbroad3,

I've reviewed your pr and requested some changes.

Thank you for your support and effort!

@github-actions github-actions bot added the Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible label Dec 20, 2022
@cetincakiroglu cetincakiroglu removed the Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible label Dec 20, 2022
@cetincakiroglu cetincakiroglu added the LTS-PORTABLE Issue's fix will be ported to supported LTS versions label Dec 29, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
LTS-PORTABLE Issue's fix will be ported to supported LTS versions Type: Bug Issue contains a bug related to a specific component. Something about the component is not working
Projects
None yet
Development

Successfully merging a pull request may close this issue.

5 participants