Comments (5)
potentially related to how we calculate top
https://github.com/plotly/dash-table/blob/master/src/dash-table/components/Cell/index.tsx#L273
from dash-table.
additionally, this seems to specifically appear when setting n_fixed_columns
from dash-table.
I think it might be possible to avoid calculating top
and left
offsets with JS, and let the browser calculate positioning with CSS. This should make this behaviour more consistent.
@Marc-Andre-Rivet Would anything prevent something this from working?
.Select.is-clearable.is-focused.is-open.Select--single {
position: relative;
overflow: visible;
}
Then on the child .Select-menu-outer
, we can remove the top
and left
properties. And keep position: absolute
. This is just some quick testing with dev tools so there may be a good reason I don't know about for explicitly calculating the absolute positioning.
from dash-table.
IIRC we actually discussed this last month over a slack call. The problem with my solution above would be that dropdowns get cut off on lower rows unless the user scrolls down.
from dash-table.
@wbrgss @cldougl I think having a relative parent will bring back the clipping issue due to the spreadsheet div having overflow: hidden
from dash-table.
Related Issues (20)
- [BUG]: Values of overlayed non-fixed columns are visible in active_cell when using horizontal scrollbar and fixed_columns
- Filter datatable based on absolute value HOT 1
- option to remove case sensitivity icon HOT 1
- [BUG] Virtualized table breaks when clicking further down than initial view if filter query conditional data style is present HOT 4
- Case-insensitive filter causes "Cannot read property 'toString' of null" exception when the column contains null value HOT 1
- [BUG] Prop `data_previous` isn't correctly updated with copy+paste
- Python backend sorting and filtering while keeping row selections functionality HOT 2
- 0 or null value in filter result breaks DataTable with fixed_rows and fixed_columns
- after backend filtering the exported data contains only 10 records
- Feature Request: make checkbox (row_selectable) available only for specific (conditional) rows HOT 1
- Conditional column alignment not applied to headers
- Save input text in Input field inside Dash Editable Datatable without pressing 'Enter' key? HOT 3
- Copy selected value in Dropdown inside Dash Editable Datatable?
- Can not read properties of undefined 'X'
- Paste does not work on columns with editable equals true
- Include option rowReorder HOT 2
- fixed_columns causes issues with header alignment and overflowx
- Drag behavior for text being dragged into datatable is incomplete/odd
- Dash & XLwings. Attempting to pre-load Excel before Dash callback to save load time. HOT 1
- Dropdown won't display
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from dash-table.