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

Dropdown is not align with input when using appendTo="body" property #7808

Closed
NathanAlcantara opened this issue Jun 13, 2019 · 8 comments
Closed
Assignees
Labels
Type: Bug Issue contains a bug related to a specific component. Something about the component is not working
Milestone

Comments

@NathanAlcantara
Copy link

I'm submitting a ... (check one with "x")

[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)
Please demonstrate your case at stackblitz by using the issue template below. Issues without a test case have much less possibility to be reviewd in detail and assisted.

https://stackblitz.com/edit/github-mcc3mc-dkrdpx

Current behavior
When autocomplete is inside a modal and using appendTo='body' the suggestions appears not align with the input

Expected behavior
Suggestions and input should be align with each other

Minimal reproduction of the problem with instructions
Open dialog and see the difference of a autocomplete with appendTo and without

What is the motivation / use case for changing the behavior?
Once a autocomplete is inside a dialog, suggestions appear on dialog and the scroll is show up just to see the suggestions, i belive that isn't a the best behavior, and i need that suggestions appears out of dialog

The problem is kind of similiar at this issue: #6918

Please tell us about your environment:

  • Angular version: 7.X

  • PrimeNG version: 7.X

  • Browser: [Chrome XX | Firefox XX]

  • Language: [all]

  • Node (for AoT issues): node --version = v10.13.0

@sidneibiz
Copy link

+1

2 similar comments
@csvinhal
Copy link
Contributor

+1

@elizeugba
Copy link

+1

@mertsincan mertsincan changed the title Dropdown is not align with input Dropdown is not align with input when using appendTo="body" property Jun 18, 2019
@mertsincan mertsincan self-assigned this Jun 18, 2019
@mertsincan mertsincan added the Type: Bug Issue contains a bug related to a specific component. Something about the component is not working label Jun 18, 2019
@mertsincan mertsincan added this to the 8.0.1 milestone Jun 18, 2019
@nandhini0612
Copy link

nandhini0612 commented May 6, 2021

I too facing this issue but I can't find any solution what is the solution for this. In which version it is fixed @mertsincan

@HangZhouWan
Copy link

I too facing this issue but I can't find any solution what is the solution for this. In which version it is fixed @yigitfindikli, can you take a look on this bug?

@EzePerucca
Copy link

image
Still happening, can´t find a way to fix it yet

@purrfectdoodle
Copy link

Currently facing this issue while using PrimeNg 8.1.4.

@upondeep
Copy link

any update?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Type: Bug Issue contains a bug related to a specific component. Something about the component is not working
Projects
None yet
Development

No branches or pull requests