react-baron
react-baron copied to clipboard
auto hide
скролл не скрывается почему-то, как при 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>
);
}
}
Добавил case4 в папку с тестами, но воспроизвести не удалось. Может быть скроллится какой-то другой блок вместо барона, и на нем стоит overflow: scroll? Как это визуально выглядит?
Попробуй выполни вот этот скрипт (в тот момент, когда скроллбар должен был быть спрятан, но не спрятан) и напиши что он выведет в консоль.
!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()})}();