Bug scroll in movies example in Firefox

[mhkeller]

Bug Report

Steps to Reproduce:

1. Open this page in Firefox (running version 117 on macOS): https://perspective.finos.org/block/?example=movies
2. Scroll the left pane

Expected Result:

In Chrome, the scroll is vertical, as expected

Actual Result:

The content scrolls horizontally instead of vertically.

Environment:

Firefox 117, macOS

Additional Context:

https://github.com/finos/perspective/assets/498744/86ee4895-e0ba-4ef8-8d0c-33b37d625129

[msmolkin1]

The problem still exists in Firefox 122.0.1.

When you open the perspective directly (e.g. by clicking "Open in New Tab"), same issue.

What appears to be happening is the following: it seems that whenever a change is made to the table, the first cell gets wider, and wider, and wider. And because the text and the color mode bar are "evenly spaced" in the cell, they keep shifting right, getting hidden beneath the second cell.

[sjpfenninger]

It might be related to what kind of DOM container the table view is inside? Examples where the table is next to a graph, like movies and citibike, do not work in Firefox 124 on macOS, but do work in the most recent Safari. In examples where the table view is by itself, the scrolling works fine also in Firefox.

More annoyingly, I have this issue in Firefox as well as in Safari, when displaying just a plain Datagrid using perspective 2.8.0 inside Panel 1.4.0, making perspective entirely unusable. The embedding of perspective inside of Panel seems to trigger the bug in more contexts.

[texodus]

Thanks for the report. I've consolidated this and other Firefox issues into #2693, closing.