Багнутый квадрат у блока когда есть горизонтальный и вертикальный скролл?
У блока имеются оба скролла, и при этом в нижнем правом угу блока появляется квадратик, на который при нажатии происходит скролл блока с селектом содержимого блока, может знает кто как правится?
Дополнительно:
Этот квадратик всегда был и есть во всех приложениях.
на который при нажатии происходит скролл блока с селектом содержимого блока
Покажитие интерактивный пример, потому что по-дефолту никакого скрола в этом блоке нет (по крайней мере в Хроме), а выделение содержимого происходит только при двойном клике в любом неинтерактивном месте страницы, включая этот квадрат.
начинается скролл с выделением контента
Нет, не начинается:
<div class="outer"> <div class="inner"> ываываыв пьывлдпрыволдпрыв олдпрыволдпрдывлпроы влджопрлджывроывлджр оывлдпоывлд поылдвтполдыврплдыкм теродлутывангептш лдщывкгепнолдвкгит олдуолд длвдовкр олдв </> </div> |
<div class="outer"> <div class="inner"> ываываыв пьывлдпрыволдпрыв олдпрыволдпрдывлпроы влджопрлджывроывлджр оывлдпоывлд поылдвтполдыврплдыкм теродлутывангептш лдщывкгепнолдвкгит олдуолд длвдовкр олдв </> </div>
.outer { width: 100px; height: 100px; overflow: auto; background: #badbad; } .inner { display: block; width: 300px; height: 300px; } |
.outer { width: 100px; height: 100px; overflow: auto; background: #badbad; } .inner { display: block; width: 300px; height: 300px; }
Убрать его никак, этот системный компонент.
Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.
Пока нет других ответов. Будьте первым, кто поможет автору.
Ответить на вопрос
Для того чтобы исправить баг с квадратным блоком, когда есть и горизонтальный, и вертикальный скролл, можно использовать следующий подход:
1. Убедитесь, что у блока заданы правильные размеры и свойства CSS. Например, ширина и высота блока должны быть указаны явно, а также задано свойство `overflow: auto;` для обеспечения появления скроллов при необходимости.
2. Проверьте содержимое блока. Возможно, внутренний контент приводит к возникновению скролов из-за своих размеров. Попробуйте уменьшить размеры содержимого или добавить дополнительные обертки для контроля размеров.
3. Проверьте другие элементы на странице, которые могут влиять на размеры и положение блока. Иногда другие элементы могут мешать корректному отображению.
Пример использования тега `
` для отображения кода: <pre lang="php"> <div style="width: 200px;height: 200px;overflow: auto"> <!-- Ваш контент здесь --> </div>
Следуя этим рекомендациям, вы сможете исправить проблему с квадратным блоком при наличии горизонтального и вертикального скролла.