Инвертируется выделение текста | JS | CSS

Знает ли кто-нибудь, почему моё выделение так странно себя ведет? При выделении текста внутри section все ок, но если пытаться выделить что-то за пределами, особенно на границе двух секций, то выделение резко инвертируется. Это какая-то проблема в стилях?

Стили родителя

position: relative;
height: 100%;
width: 100%;
display: flex;
flex-direction: column-reverse;
flex-wrap: nowrap;
overflow: hidden;
overflow-y: overlay;

Структура

root
    > section
        > message or date