Пользователь выбирает все в дочернем элементе, щелкая родительский элемент в FIREFOX - PullRequest
Новая
       25

Пользователь выбирает все в дочернем элементе, щелкая родительский элемент в FIREFOX

0 голосов
/ 15 марта 2019

У меня сейчас проблема с выбором текста.Проблема в том, что когда мой родительский элемент имеет display: flex , а дочерний элемент имеет position: absolute , после того как вы щелкнете по родительскому элементу Firefox, выделите весь текст внутри этого родительского элемента.Я нашел возможное исправление с добавлением
, но в моем случае я не могу изменить DOM из-за фреймворка, который я использую.

Вот пример, когда вы нажимаете на родительский элемент (оранжевый), вы выбираете весь текствнутри детей. 

#child {
 width: auto;
 position: absolute;
 background: #00ff00;
}

#child2 {
 width: auto;
 left: 180px;
 position: absolute;
 background: #00ff00;
}

#parent {
  display: flex;
  width: 600px;
  height: 400px;
  background: #ff6600;
}
<div id="parent">
  <div id="child">
    <p>test first paragraph</p>
    <p>test second paragraph</p>
    <p>test third paragraph</p>
  </div>
    <div id="child2">
    <p>test first paragraph</p>
    <p>test second paragraph</p>
    <p>test third paragraph</p>
  </div>
</div>
...