Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Data overlay in filter table #782

Open
bfrgottscma opened this issue Jun 6, 2024 · 2 comments
Open

Data overlay in filter table #782

bfrgottscma opened this issue Jun 6, 2024 · 2 comments
Assignees
@ruegenbfr
Labels
Bug 🐛 Ready

Comments

@bfrgottscma
Copy link
Collaborator

bfrgottscma commented Jun 6, 2024 •
edited
Loading

Describe the bug
After loading example data files and opening the data table, all data lines appear as overlay in one data line, the rest of the table is empty. When mousing over this overlay or clicking "select" in this overlay, only the first line is shown, the rest of the table is empty. Filter operations in table header work as expected.

Bug appears on Dev and Prod in Firefox but not in Chrome. Bug appeared during test with slow internet connection on train line.

To Reproduce
Steps to reproduce the behavior:

  1. Load Example data
  2. Open data table
  3. See overlay
  4. Test with mouse over and test with select

Screenshots
grafik.png
overlay

grafik.png

view after selecting in overlay

Desktop (please complete the following information):

  • OS: Windows 10
  • Browser: only in Firefox (bug does not appear in Chrome)
  • Version: 126.0.1 (64-Bit)
  • Slow internet connection

InstallTrigger sollte nicht mehr verwendet werden und wird in Zukunft entfernt werden. mxClient.js:159
Synchrone XMLHttpRequests am Haupt-Thread sollte nicht mehr verwendet werden, weil es nachteilige Effekte für das Erlebnis der Endbenutzer hat. Für weitere Hilfe siehe https://xhr.spec.whatwg.org/#sync-warning zone.js:2722:30
Angular is running in development mode. Call enableProdMode() to enable production mode. core.mjs:23480:16
You have set a custom wheel sensitivity. This will make your app zoom unnaturally when using mainstream mice. You should change this value from the default only if you can guarantee that all your users will use the same hardware and OS configuration as your current machine. 2 cytoscape.cjs.js:844:12
Fehler beim Verarbeiten des Wertes für '-webkit-text-size-adjust'. Deklaration ignoriert. normalize.css:13:2
Unbekannte Eigenschaft 'speak'. Deklaration ignoriert. icons.css:19:2
Unbekannte Eigenschaft '-moz-osx-font-smoothing'. Deklaration ignoriert. icons.css:22:2
Unbekannte Eigenschaft 'speak'. Deklaration ignoriert. icons.css:32:2
Unbekannte Eigenschaft '-moz-osx-font-smoothing'. Deklaration ignoriert. icons.css:35:2
Unbekannte Eigenschaft '-moz-osx-font-smoothing'. Deklaration ignoriert. _mixins.scss:28:2
Unbekannte Eigenschaft '-moz-osx-font-smoothing'. Deklaration ignoriert. _typography.scss:330:4
Unbekannte Eigenschaft '-moz-osx-font-smoothing'. Deklaration ignoriert. _typography.scss:330:4
Unbekannte Pseudoklasse oder Pseudoelement '-ms-input-placeholder'. Regelsatz wegen ungültigem Selektor ignoriert. _vendor-prefixes.scss:22:2
Unbekannte Pseudoklasse oder Pseudoelement '-ms-clear'. Regelsatz wegen ungültigem Selektor ignoriert. grapheditor.css:9
'none', URL oder Filterfunktion erwartet, aber 'alpha(' gefunden. Fehler beim Verarbeiten des Wertes für 'filter'. Deklaration ignoriert. grapheditor.css:62:1
'none', URL oder Filterfunktion erwartet, aber 'progid' gefunden. Fehler beim Verarbeiten des Wertes für 'filter'. Deklaration ignoriert. grapheditor.css:88:4
'none', URL oder Filterfunktion erwartet, aber 'alpha(' gefunden. Fehler beim Verarbeiten des Wertes für 'filter'. Deklaration ignoriert. grapheditor.css:272:1
'none', URL oder Filterfunktion erwartet, aber 'alpha(' gefunden. Fehler beim Verarbeiten des Wertes für 'filter'. Deklaration ignoriert. grapheditor.css:294:1
'none', URL oder Filterfunktion erwartet, aber 'alpha(' gefunden. Fehler beim Verarbeiten des Wertes für 'filter'. Deklaration ignoriert. grapheditor.css:300:1
'none', URL oder Filterfunktion erwartet, aber 'alpha(' gefunden. Fehler beim Verarbeiten des Wertes für 'filter'. Deklaration ignoriert. grapheditor.css:310:1
Unbekannte Eigenschaft '-moz-box-shadow'. Deklaration ignoriert. common.css:30:18
Unbekannte Eigenschaft '-moz-box-shadow'. Deklaration ignoriert. common.css:115:18
Unbekannte Eigenschaft '-moz-box-shadow'. Deklaration ignoriert. common.css:130:18
Fehler beim Verarbeiten des Wertes für 'overflow'. Deklaration ignoriert. fcl-portal-dev.bfr.berlin:10:13
Unbekannte Pseudoklasse oder Pseudoelement '-ms-input-placeholder'. Regelsatz wegen ungültigem Selektor ignoriert. fcl-portal-dev.bfr.berlin:1:1822
Unbekannte Pseudoklasse oder Pseudoelement '-ms-input-placeholder'. Regelsatz wegen ungültigem Selektor ignoriert. fcl-portal-dev.bfr.berlin:1:2802
Unbekannte Pseudoklasse oder Pseudoelement '-ms-input-placeholder'. Regelsatz wegen ungültigem Selektor ignoriert. fcl-portal-dev.bfr.berlin:1:2987
Unbekannte Pseudoklasse oder Pseudoelement '-ms-input-placeholder'. Regelsatz wegen ungültigem Selektor ignoriert. fcl-portal-dev.bfr.berlin:1:3301
Fehler beim Verarbeiten des Wertes für 'border-radius'. Deklaration ignoriert.
@ruegenbfr
Copy link
Contributor

ruegenbfr commented Jun 7, 2024 •
edited
Loading

This bug does also appear in environment:

  • OS: Mac OSX 12.3.1
  • Browser: Firefox (v. 126.0.1) or in 128 beta releases

However it does not appear in the previous major version of Firefox (v.125.0.3) or in the last ESR version (v.115.11.0.esr)

This issues seems to appear than an ngx-datatable is used with scrollbarV="true" and angular ≥14 and firefox ≥ 126

Bug demo

Bug reports have been created in:

Listed related bugs:

@bfrgottscma bfrgottscma mentioned this issue Jul 16, 2024
Closed
@bfrgottscma
Copy link
Collaborator Author

As discussed, we will not wait for Firefox to fix this issue. Please use the existing solution from a third party as @ruegenbfr suggested.

@arne-z arne-z added the Ready label Sep 19, 2024
ruegenbfr added a commit that referenced this issue Sep 30, 2024
@ruegenbfr
fixes row overlay in firefox browsers
46a80ee 
replaces dependency @swimlane/ngx-datatable v20.1.0 with
@siemens/ngx-datatable v21.3.2

adds global ngx-datatable style adjustment (v21.2.0 introduced
a row bottom border) to prevent row bottom borders

Background: Since Firefox v126 rows in the filtertable were
overlaying each other. But @swimlane/ngx-datatable seems to be
maintained not anymore (last release 2022, no maintainer feedback
to reported issues). @siemens/ngx-datatable was forked of
@swimlane/ngx-datatable because of the lacking maintenance.

ticket: #782
@ruegenbfr ruegenbfr mentioned this issue Sep 30, 2024
Open
ruegenbfr added a commit that referenced this issue Sep 30, 2024
@ruegenbfr
fixes row overlay in firefox browsers
cf5fbb0 
replaces dependency @swimlane/ngx-datatable v20.1.0 with
@siemens/ngx-datatable v21.3.2

adds global ngx-datatable style adjustment (v21.2.0 introduced
a row bottom border) to prevent row bottom borders

Background: Since Firefox v126 rows in the filtertable were
overlaying each other. But @swimlane/ngx-datatable seems to be
maintained not anymore (last release 2022, no maintainer feedback
to reported issues). @siemens/ngx-datatable was forked of
@swimlane/ngx-datatable because of the lacking maintenance.

ticket: #782
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@ruegenbfr ruegenbfr

Labels
Bug 🐛 Ready
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
3 participants
@ruegenbfr @bfrgottscma @arne-z