Drop-down doesn't display when TagSelector is inside a .card div

[lordlothar99]

When placed inside a div with .card class, the drown-down is not completely shown

[InnovativeNinja]

@lordlothar99 This is because the .card class defines overflow: hidden;

Resetting the overflow attribute on the cards' class fixes this, but might introduce other boxing issues with the cards' content:
overflow: visible !important;

I would argue that this is not an issue of the TagSelector component, but rather the styling of the host container. Knowing the suggestion list will overflow the .card class is not semantically correct here.

[lordlothar99]

Thanks for you feedback !

…

On Sat, 4 Feb 2023 at 21:39, Jordy Kuijpers ***@***.***> wrote: @lordlothar99 <https://github.com/lordlothar99> This is because the .card class defines overflow: hidden; Resetting the overflow attribute on the cards' class fixes this, but might introduce other boxing issues with the cards' content: overflow: visible !important; I would argue that this is not an issue of the TagSelector component, but rather the styling of the host container. Knowing the suggestion list will overflow the .card class is not semantically correct here. [image: image] <https://user-images.githubusercontent.com/40546777/216788561-0bafe3d8-04ae-44d1-a379-1f472a2fc4de.png> [image: image] <https://user-images.githubusercontent.com/40546777/216788535-4716ca83-3911-4b9a-be5c-c897aedf21a9.png> — Reply to this email directly, view it on GitHub <#13 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AAXBEUQGRWM23ZIENJTL2R3WV25AXANCNFSM5L7PDJJA> . You are receiving this because you were mentioned.Message ID: ***@***.***>