revolist / revogrid

Powerful virtual data grid smartsheet with advanced customization. Best features from excel plus incredible performance 🔋
https://rv-grid.com
MIT License
2.77k stars 174 forks source link

Range hover selection not showing #344

Closed maranyil closed 3 months ago

maranyil commented 2 years ago

Hello there! I'm using Revogrid in a Vue2 project and SCSS and tailwind as primary styling languages. Everything works great, but the range selector does not appear. Not when I want to copy values or select multiple rows. (The range function is enabled and works fine).

sven42 commented 2 years ago

Hello,

same here with Bootstrap 5.

In dom-tree I can find the following element:

<revogr-temp-range class="" style="" hidden=""></revogr-temp-range>

The problem seems to be that the HTML5 [hidden] attribute is getting normalized by Bootstrap.

For me, the current work around is to reset this css setting for revo-grid:

revo-grid [hidden] {
    display: initial !important;
}
xcchcaptain commented 2 years ago

https://github.com/revolist/revogrid/issues/344#issuecomment-1203984672 thanks ,this worked for me

Goston commented 2 years ago

https://github.com/revolist/revogrid/issues/344#issuecomment-1203984672

Thanks, this saved my life!