gristlabs_grist-core/app/client/ui2018
Cyprien P 193d5360ad (core) Fix prevent auto-expansion when user is resizing browser window
Summary:
Diff fixes an annoying issue when the left panel would sometimes
auto-expand when the user is resizing the window. Alghouth it is quite
easy to reproduce the issue still would happen a bit randomly.

Here are what was done to fix it:
 1) The most annoying manifestation of the issue happens with doc menu
 page. Indeed the panel is not meant to be collapsing hence triggering
 overlapping expansion messes UI a great deal. This was fix by
 asserting that the panel was collapsible before triggering expansion
 `if (left.hideOpener) { return; }`.

 2) To prevent issue to happen also with doc page, we first test
 whether the user is actually dragging using `ev1.buttons !== 0` and
 also we've added a `isScreeResizingObs` observable. Although this
 seems to have fixed the problem for me, other developers still
 reports occurence of the issue on there machine but at a lesser
 frequence. It is unknown what this solution does not fully work,
 still situation seems acceptable now (most annoying part was 1st
 item).

Diff also brings another small improvement when using Grist in a split
screen setup when Grist is on the right. Moving cursor back and forth
between the two windows would frequently leave the left panel
inadvertandly expanded. Diff added a fix to allow panel to collapse
when cursor leave window.

Test Plan: Tested manually as it is hard to test when selenium.

Reviewers: georgegevoian

Reviewed By: georgegevoian

Differential Revision: https://phab.getgrist.com/D3562
2022-09-01 12:19:09 +02:00
..
breadcrumbs.ts (core) Polish ChoiceListEntry drag and drop 2022-07-19 08:14:04 -07:00
buttons.ts (core) Update design of empty docs home page, and add a "Manage Team" button. 2022-06-03 12:58:57 -04:00
buttonSelect.ts (core) Making cells colors effective also in Card and Card List views 2021-02-09 15:08:44 +01:00
checkbox.ts (core) Updating RawData views 2022-05-04 21:41:42 +02:00
ColorPalette.ts (core) Adding font options to the style picker 2022-04-07 20:35:03 +02:00
ColorSelect.ts (core) Implementing row conditional formatting 2022-08-09 20:11:36 +02:00
cssVars.ts (core) Fix prevent auto-expansion when user is resizing browser window 2022-09-01 12:19:09 +02:00
draggableList.ts (core) move client code to core 2020-10-02 13:24:21 -04:00
editableLabel.ts (core) Polish ChoiceListEntry drag and drop 2022-07-19 08:14:04 -07:00
IconList.ts (core) Show summary tables on Raw Data page 2022-07-06 09:41:48 -07:00
icons.ts (core) Showing links in text cells 2021-10-13 23:22:03 +02:00
links.ts (core) Updating RawData views 2022-05-04 21:41:42 +02:00
loaders.ts (core) Polish display of table row counts 2022-08-11 09:45:33 -07:00
menus.ts (core) Fix prevent auto-expansion when user is resizing browser window 2022-09-01 12:19:09 +02:00
modals.ts (core) Speed up and upgrade build. 2022-06-27 16:10:10 -04:00
pages.ts feat: add tests for feature 2022-08-08 13:30:12 +02:00
search.ts (core) Implementing search on raw data view 2022-04-13 20:44:37 +02:00
select.ts (core) Implement UI for trigger formulas. 2021-06-29 10:24:16 -04:00