Как сделать такую стилизацию блока?

Question

[nen0y]

Нужно дорисовать стрелочку (на рисунке красный элемент) для нижнего выпадающего окна. Проблема в том что, она не хочет выходить за рамки над окном. А поставить ей absolute нет возможности, поскольку окно само имеет свойство absolute. Подскажите, как это можно сделать?

p.s. я использовал :before для стрелки

Answer 1

[Шохрух Шаймардонов]

Answer 2

[Александр]

Так если у родителя absolute, ставьте у :before absolute, псевдоэлемент будет позиционироваться относительно родителя все равно ведь.

P.S. Сначала подумал, что просто пропадает при выходе за рамки, думал, что там overflow: hidden у родителя

Comments

[nen0y]

у родителя overflow: auto, из-за чего стрелка обрезается, что подскажите делать в таком случае?

[Александр]

Если сделать overflow: visible, стрелка будет показываться. Но надо посмотреть, ничего лишнего не будет ли там вылезать из родителя.

[nen0y]

Александр, в этом и проблема, что там список который вылазит

[Александр]

Тогда попробуйте этот псевдоэлемент сделать внутри click-area (на вашей картинке), если все такие блоки построены одинаково, то получится его спозиционировать так, чтобы казалось, будто стрелочка относится к выпадающему элементу.