react-baron icon indicating copy to clipboard operation
react-baron copied to clipboard

auto hide

Open KruglovDV opened this issue 7 years ago • 2 comments

скролл не скрывается почему-то, как при overflow: auto может что-то в props надо передать?

import Baron from 'react-baron/dist/es5';
import 'react-baron/src/styles.css';

export default class Tesst extends React.Component {
  render() {
    return (
      <div style={{ height: '400px', width: '400px' }}>
        <Baron>
          <p>agaaaha ddsdfsdfsdgsdgddfjhsdgkjhdafkgjhkfhfhafgalkjfglakjglajgflajglj</p>
          <p>agaaaha ddsdfsdfsdgsdgddfjhsdgkjhdafkgjhkfhfhafgalkjfglakjglajgflajglj</p>
          <p>agaaaha ddsdfsdfsdgsdgddfjhsdgkjhdafkgjhkfhfhafgalkjfglakjglajgflajglj</p>
          <p>agaaaha ddsdfsdfsdgsdgddfjhsdgkjhdafkgjhkfhfhafgalkjfglakjglajgflajglj</p>
          <p>agaaaha ddsdfsdfsdgsdgddfjhsdgkjhdafkgjhkfhfhafgalkjfglakjglajgflajglj</p>
          <p>agaaaha ddsdfsdfsdgsdgddfjhsdgkjhdafkgjhkfhfhafgalkjfglakjglajgflajglj</p>
          <p>agaaaha ddsdfsdfsdgsdgddfjhsdgkjhdafkgjhkfhfhafgalkjfglakjglajgflajglj</p>
          <p>agaaaha ddsdfsdfsdgsdgddfjhsdgkjhdafkgjhkfhfhafgalkjfglakjglajgflajglj</p>
          <p>agaaaha ddsdfsdfsdgsdgddfjhsdgkjhdafkgjhkfhfhafgalkjfglakjglajgflajglj</p>
          <p>agaaaha ddsdfsdfsdgsdgddfjhsdgkjhdafkgjhkfhfhafgalkjfglakjglajgflajglj</p>
          <p>agaaaha ddsdfsdfsdgsdgddfjhsdgkjhdafkgjhkfhfhafgalkjfglakjglajgflajglj</p>
          <p>agaaaha ddsdfsdfsdgsdgddfjhsdgkjhdafkgjhkfhfhafgalkjfglakjglajgflajglj</p>
          <p>agaaaha ddsdfsdfsdgsdgddfjhsdgkjhdafkgjhkfhfhafgalkjfglakjglajgflajglj</p>
          <p>agaaaha ddsdfsdfsdgsdgddfjhsdgkjhdafkgjhkfhfhafgalkjfglakjglajgflajglj</p>
          <p>agaaaha ddsdfsdfsdgsdgddfjhsdgkjhdafkgjhkfhfhafgalkjfglakjglajgflajglj</p>
          <p>agaaaha ddsdfsdfsdgsdgddfjhsdgkjhdafkgjhkfhfhafgalkjfglakjglajgflajglj</p>
        </Baron>
      </div>
    );
  }
}

KruglovDV avatar Apr 09 '18 19:04 KruglovDV

Добавил case4 в папку с тестами, но воспроизвести не удалось. Может быть скроллится какой-то другой блок вместо барона, и на нем стоит overflow: scroll? Как это визуально выглядит?

Diokuz avatar Apr 14 '18 11:04 Diokuz

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

!function(){console.group("Baron diagnosis");var o=document.querySelectorAll("[data-baron-v-id]");console.log("Total barons found: ",o.length),o.forEach(function(o,t){var e=o.children[0];console.group("Baron root "+t),console.log("Root: ",o),console.log("Maybe scroller: ",e),console.log("Root data: ",{scrollHeight:o.scrollHeight,offsetHeight:o.offsetHeight,overflow:o.style.overflow,clientWidth:o.clientWidth,offsetWidth:o.offsetWidth}),console.log("Scroller data: ",{scrollHeight:e.scrollHeight,offsetHeight:e.offsetHeight,clientWidth:e.clientWidth,offsetWidth:e.offsetWidth}),console.groupEnd()})}();

Diokuz avatar Apr 14 '18 11:04 Diokuz