fraport/fradrive
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(hide-columns): fix repositioning of table hiders onclick

Browse Source
This commit is contained in:
Sarah Vaupel 2019-11-29 15:06:28 +01:00 committed by Gregor Kleen
parent 8e03a68e6d
commit 9d8ca38f2e
1 changed files with 8 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
frontend/src/utils/hide-columns/hide-columns.js
View File

@ -78,9 +78,9 @@ export class HideColumns {
}
hideHiderBehindHeader(hider) {
// move hider right before table (inside any scrolltable element)
this._tableHiderContainer.appendChild(hider);
// reposition hider
if (!this._tableHiderContainer.contains(hider)) {
this._tableHiderContainer.appendChild(hider);
}
const thR = this.hiderToHeader.get(hider).getBoundingClientRect();
const hR = hider.getBoundingClientRect();
const pR = this._tableHiderContainer.getBoundingClientRect();
@ -103,7 +103,11 @@ export class HideColumns {
hider.addEventListener('click', (event) => {
event.preventDefault();
this.switchColumnDisplay(th, hider);
this._tableHiderContainer.getElementsByClassName(TABLE_HIDER_CLASS).forEach(hider => this.hideHiderBehindHeader(hider));
// recompute position for every table hider
this._tableHiderContainer.getElementsByClassName(TABLE_HIDER_CLASS).forEach(hider => {
this.hideHiderBehindHeader(hider);
});
});
th.addEventListener('mouseover', () => {