Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Выделение текста в div (https://javascript.ru/forum/dom-window/85602-vydelenie-teksta-v-div.html)

Dmitriy154 07.11.2023 16:30

Выделение текста в div
 
Имеется непонятная проблема, именно при создании первого элемента div.row, появляется информационный div, в котором выделен весь текст внутри блока, когда я создаю первым другой div с другим классом или последующие div, то такого выделения текста нет, как можно запретить выделять текст, и почему это может происходить? Спасибо!

ruslan_mart 07.11.2023 17:05

Возможно подключена какая-та библиотека, которая реагирует на класс row. Либо расширение в браузере.

Второе проверить легко, попробуйте воспроизвести то же самое в другом браузере. Если проблема сохранится, значит действительно виновата бибилиотека.

Dmitriy154 07.11.2023 17:29

В браузере андроид хром проблема исчезла, спасибо

Dmitriy154 07.11.2023 19:53

хотя в Edge и Opera проблема осталась, из подключенных библиотек, только библиотеки botstrap.

ruslan_mart 07.11.2023 21:11

Через браузерные DevTools если тыкнуть на этот "информационный div", то справа в стилях должен быть какой-то путь к css-файлу, где прописаны эти стили, либо inline css. Есть там что-нибудь?

Вы в какой-то системе разрабатываете сайт или приложение? Может там из коробки что-то подключается?

voraa 07.11.2023 21:26

Цитата:

Сообщение от Dmitriy154
именно при создании первого элемента div.row, появляется информационный div,

Он сам появляется или вы его создаете?

voraa 07.11.2023 21:29

Цитата:

Сообщение от Dmitriy154
хотя в Edge и Opera проблема осталась

И это странно. Они все на одном движке

Dmitriy154 07.11.2023 22:42

Попробовал, вроде бы ничего такого не нашел, К index.html подключаю bootstrap, ckeditor, katex и свои скрипты. Данный div создаю функцией:
function create_edit_div() {
	if(typeof edit_div !== 'undefined') {
		cleaning_forms(edit_div)
		edit_div.remove()
	}

	edit_div = cr(Menu, 'div', 'border text-start p-2 db_click_div') 
	edit_div.style = 'position: absolute; z-index: 3; border: 1px solid black; background: rgba(174, 220, 230, .98);'
	edit_div.style.width = mobile ? '340px' : '720px'

	drag_and_drop (edit_div)

	cr(edit_div, 'span', 'fw-bold', 'Элемент:')							
	area_info = cr(edit_div, 'textarea', 'form-control')
	area_info.style = 'font-size: 10pt; max-height: 10rem; background-color: #AFEEEE;'
	area_info.setAttribute('disabled', '')

	cr(edit_div, 'span', 'fw-bold', 'Класс:')							
	area_class = cr(edit_div, 'textarea', 'form-control mb-2')
	area_class.style = 'font-size: 10pt; max-height: 3.3rem;'

	cr(edit_div, 'span', 'fw-bold', 'Содержимое:')						
	area_inner = cr(edit_div, 'textarea', 'form-control mb-2')
	area_inner.style = 'font-size: 10pt; height: 9rem;'

и т.д. дале
если я в div.row вставляю другой div.col , то все работает исправно.
Вот именно на самый первый элемент такое выделение распространяется, которое потом каким-то образом переопределяется

ruslan_mart 07.11.2023 23:45

Dmitriy154, где тут в коде row фигурирует?

Dmitriy154 08.11.2023 09:34

В коде row не будет, суть вот в чем, я создаю div с классом row и когда двойным кликом по нему кликаю, выводиться данный информационный div


Часовой пояс GMT +3, время: 12:19.