finos / perspective

A data visualization and analytics component, especially well-suited for large and/or streaming datasets.
https://perspective.finos.org/
Apache License 2.0
8.28k stars 1.15k forks source link

drop-down lists are broken in chrome #2369

Open wjackson opened 11 months ago

wjackson commented 11 months ago

Bug Report

Steps to Reproduce:

  1. Open the perspective home page in Chrome or Chromium.
  2. Click on any drop-down.

Expected Result:

I expect to see a drop-down list of all available options.

Actual Result:

I actually see a a drop-down list with only the currently selected option visible.

Environment:

This bug was introduced with version 2.3.1.

I know this because I have the same problem on an internal app. Works as expected on 2.3.0. Broken on 2.3.1.

I observed this bug on these platforms:

  1. Fedora Linux 38 + Chrome Version 117.0.5938.88 (Official Build) (64-bit)
  2. RHEL 9.2 + Chromium Version: 116.0.5845.96 (Official Build) Fedora Project (64-bit)
  3. Windows 10 Enterprise, Version: 22H2, OS build: 19045.3324, Experience: Windows Feature Experience Pack 1000.19041.1000.0 + Chrome: Version 115.0.5790.110 (Official Build) (64-bit)

Additional Context:

I've only observed the problem on Chrome/Chromium. Firefox is fine.

Chrome:

perspective-dropdown-chrome

Firefox:

perspective-dropdown-firefox

texodus commented 11 months ago

@wjackson Thanks for the repot, but please follow the bug template - we need your OS+version to identify this.

wjackson commented 11 months ago

@wjackson Thanks for the repot, but please follow the bug template - we need your OS+version to identify this.

Cool. I added that info to the bug report. Let me know if there's any other info I can provide that might help.

brahmbeyond commented 11 months ago

@texodus @wjackson I checked this (same thing is happening in Edge as in Chrome), I might be wrong, I don't know about the term broken but this

problem is arising because of the dark mode ( the background-color used in select element ).

Screenshot (13)


here as hovering on different values displays itself

Screenshot (14)


here on unselecting the bg class solves this

Screenshot (15)