epam / epam/clocks

Broken layout after switching from Grid Mode to Lane Mode

Open
#429 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
11
Forks
5
PR merge metrics
No merged PRs in 30d

Description

**Describe the bug**

The layout goes crazy after switching from the Grid Mode to the Lane Mode (at least by my personal set of time zones, see below).

**To Reproduce**

Steps to reproduce the behavior:

1. Go to [this link](https://clocks.lab.epam.com/?locations=WyJaYWdyZWJ8NDUuODAwMDA2NzN8fDEiLCJUYXNoa2VudHw0MS4zMTE3MDE4OHx8MCIsIkJpc2hrZWt8NDIuODczMDc5NDV8fDAiLCJOZXcgWW9yayBDaXR5fDQwLjc0OTk3OTA2fHwwIiwiQnVjaGFyZXN0fDQ0LjQzMzM3MTh8fDAiXQ%3D%3D), it's Lane Mode
2. Click on Grid Mode
3. Click then back on Lane Mode
4. See the weird layout

**Expected behavior**

The layout remains the same

**Screenshots**

Initial view (Lane Mode):

![image](https://github.com/epam/clocks/assets/1271040/eaad2612-8c02-4e2f-953d-eb9520be9b20)

Click the Grid Mode tumbler, and then click back the Lane Mode tumbler:

![image](https://github.com/epam/clocks/assets/1271040/3443abf5-68e1-4d71-8123-2914f0aa77b8)

**Desktop (please complete the following information):**

- OS: Windows
- Browser: Chrome
- Version: 113.0.5672.127

Contributor guide

No contributing guide indexed for this repository

Research direction

Start with the linked clocks.lab.epam.com URL and reproduce the switch from Lane Mode to Grid Mode and back in Chrome. Trace the entry points handling the two mode toggles and compare the resulting layout with the initial Lane Mode view; done means the layout remains unchanged after switching modes.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
frontend, web-dev
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Clearly specified
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.