Long URLs in the AUT push the flex layout so the url bar is full width

[sync-by-unito[bot]]

Should maintain same width when there are long urls.

┆Issue is synchronized with this Jira Bug by Unito ┆Attachments: Screen Shot 2022-04-04 at 4.31.30 PM.png ┆author: Jess Sachs ┆epic: UI/UX Improvements ┆friendlyId: UNIFY-1510 ┆priority: Low ┆sprint: Backlog ┆taskType: Bug

[marktnoonan]

This screenshot has 2 questions, the second of which is explained by us incorrectly modifying the displayed URL when pinning requests in the command log and has its own issue here: https://github.com/cypress-io/cypress/issues/22649

[raph941]

Hi @marktnoonan Updating flex property of the input element seam to work fine here, as shown in image below (making input width adaptive to the available space). However, I would love to get some idea on desired minimum width for the input element. This would be beneficial in keeping the input element wide enough on mobile/narrow screens. Thanks 🙂.

[marktnoonan]

Hi @raph941 thanks for looking into this. I was recently discussing this issue internally. I'm the one who set the wrapping up as it is now, to show as much of the URL as possible, even if it means moving other elements down sometimes. Your screenshot perfectly highlights the problem with implementing the ticket the way it is described, that size of a URL bar offers no value to the user.

We don't yet have a final design direction on what needs to happen here - for example the browser name could be removed from the dropdown to save space , and possibly some horizontal scroll would be added. The current state, where long URLs trigger wrapping, is a problem too as it's distracting when the header changes size during a test run.

Finally there's one other change about to land in this area that will change the markup, related to experimental studio support.

So for now I think I need to mark this issue as "not ready for work" - the closest label I could find was "needs investigating". This probably should not have had the "good first issue" label, as the goal was not properly defined.

I'll ping you when we have a design solution though and if you want to make the PR you'd be welcome to!

[raph941]

Oh alright, sounds great. Thanks for the info @marktnoonan.

[github-actions[bot]]

This issue has not had any activity in 180 days. Cypress evolves quickly and the reported behavior should be tested on the latest version of Cypress to verify the behavior is still occurring. It will be closed in 14 days if no updates are provided.

[cypress-app-bot]

This issue has been closed due to inactivity.