В Electron (окно Chrome) я выбираю текст из нескольких многострочных тегов <div/>, которые имеют количество тегов <span/>. Однако промежутки :: selection не встречаются между строками, т.е. промежуток не такой высокий, как фактический тег. См. Изображение здесь:
Я могу убедиться, что теги <span/> имеют размер 19 пикселей, такие же, как теги <div/>, и заполнения нетили поле, назначенное элементам div или spans вообще.
Я думаю, что это связано с отображением inline-block of spans, но я пробовал разные варианты отображения, но это не помогло.
Стиль контейнера div:
.line {
display: flex;
flex: 0 0 auto;
white-space: pre;
}
Стиль span:
.word {
color: black;
font-family: monospace;
}
У меня есть псевдоэлемент css для окраски диапазона выбора :
::selection {
color: white;
background-color: rgba(0, 0, 255, 0.99);
}
Я хочу, чтобы диапазоны выбора заполнили весь тег span и встретились, что я делаю не так?
EDIT
В этом jsfiddle диапазоны выбора заполняют div ... Я начинаю думать, что это может зависеть от браузера?
EDIT 2
Да, фактически та же самая скрипка в последнем Chrome заполняет промежутки, но в последнем Firefox это не так.
Chrome
Firefox
