Skip to content
This repository has been archived by the owner on Dec 8, 2022. It is now read-only.

Autocomplete sizing/position issue inside inactive tabs of a tabset in a modal #2029

Closed
d4nleonard opened this issue Sep 26, 2018 · 0 comments

Comments

@d4nleonard
Copy link

d4nleonard commented Sep 26, 2018

Expected behavior

The autocomplete component should size/position correctly when on an inactive tab of a tabset in a modal

Actual behavior

The autocomplete component does not size/position correctly when on an inactive tab of a tabset in a modal

Steps to reproduce

Go to plunker and follow the instructions:
Click one of the modal buttons
Tab 1 (should be default)
Type 1 into the autocomplete (because this tab is active by default the autocomplete seems to size/position correctly)
image

Go to tab 2 (because this tab is inactive by default the autocomplete seems to size/position incorrectly)

Type 1 into the autocomplete (not the correctly width)
image

Type 2 in the autocomplete (note the results are shown with no background as well, depending on the screen real estate. I needed to go to full screen preview mode to reproduce this)
image

Type 3 or 4 into the autocomplete (note the results are shown to the right mostly off screen. depending on screen real estate the number of elements need to cause this varies)
image

Plunker

https://next.plnkr.co/plunk/SApUOryjQKDEIx3T
(I found previewing the plunker in fullscreen was needed in some cases)

Severity

High

Impact

The result is not visually appealing but functionally it still works

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

No branches or pull requests

3 participants