Относительно позиционированные дочерние элементы с родительским заполнением столбца - PullRequest
0 голосов
/ 04 марта 2020

Я хотел создать макет, где, когда div достигнут дна, они продолжат сверху. Посмотрите мое (супер необычное) изображение, которое я нарисовал: enter image description here

Я получил его с помощью column-fill: auto. А теперь я хотел бы добавить диммер для каждого элемента при нажатии. Я использую React и Semanti c UI React для своего приложения, поэтому я пытаюсь добиться этого с помощью компонента Dimmer .

Моя проблема в том, что когда я активирую диммер, он не "диммирует" весь предмет. Я сделал небольшой CodeSandbox для своей проблемы, чтобы мы могли отладить это проще. Когда вы нажимаете третий элемент, вы можете видеть, что часть, идущая сверху, не тускнеет. Я предполагаю это, потому что положение диммера - relative.

ССЫЛКА: https://codesandbox.io/s/semantic-ui-react-yl0dj

Я надеюсь, что я описал свою проблему достаточно хорошо, и что мы можем решить это вместе.

Ура!

...