Я заметил странное поведение с выпуском Chrome 77.0.3865 2019-09-10.
Если у меня есть диапазон с границей внизу, это вызывает скачкообразное поведение при выделении текста,Выделенный текст переместится на первую строку, когда ваша мышь окажется выше границы
На фотографии ниже я в настоящее время выбираю текст, но, как вы можете видеть, выделенный текст находится в первой строке.
Я не уверен, является ли это ошибкой в последнем выпуске Chrome, или, возможно, вы не должны добавлять границу в промежуток (хотя в настоящее время я знаю, что это единственный способ контролировать толщину подчеркивания пролета)).
Вот JSFiddle с точным кодом .Я могу воспроизвести эту ошибку только на Chrome версии 77.0.3865.Но это происходит как на компьютерах Mac, так и на ПК.
Это код.
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>My First Heading</h1>
<p><span>My first paragraph. My first paragraphMy first paragraphMy first paragraphMy first paragraphMy first paragraphMy first paragraphMy first paragraphMy first paragraphMy first paragraphMy first paragraphMy first paragraphMy first paragraphMy first paragraphMy first paragraphMy first paragraphMy first paragraphMy first paragraphMy first paragraphMy first paragraphMy first paragraphMy first paragraphMy first paragraphMy first paragraphMy first paragraphMy first paragraphMy first paragraphMy first paragraphMy first paragraphMy first paragraphMy first paragraphMy first paragraphMy first paragraphMy first paragraphMy first paragraphMy first paragraphMy first paragraphMy first paragraphMy first paragraphMy first paragraphMy first paragraphMy first paragraphMy first paragraphMy first paragraphMy first paragraphMy first paragraphMy first paragraphMy first paragraphMy first paragraphMy first paragraphMy first paragraphMy first paragraphMy first paragraphMy first paragraphMy first paragraphMy first paragraphMy first paragraphMy first paragraphMy first paragraphMy first paragraphMy first paragraphMy first paragraphMy first paragraphMy first paragraphMy first paragraphMy first paragraphMy first paragraphMy first paragraphMy first paragraphMy first paragraphMy first paragraph.</span></p>
</body>
</html>
CSS ниже
p {
line-height: 31px
}
span {
border-bottom:2px solid black
}