Skip to content

Routes can overrun the hover box that appears over the alias name #2980

@calvinballing

Description

@calvinballing

Current behavior:

Routes can overrun the hover box as shown in the screenshot below:
image

Desired behavior:

The background expands to fit routes up to a certain higher width (say 300 px or something like that).
For routes that are longer, they wrap to multiple lines using something like

word-wrap: break-word;

Steps to reproduce: (app code and test code)

  1. Alias a route that has a long chunk of text with no characters that trigger a line break
  2. Run your tests
  3. Hover over the yellow alias name
  4. Observe that the route name extends beyond the edge of the background

Versions

Cypress 3.1.3
Chrome
Windows 10

Metadata

Metadata

Assignees

No one assigned

    Labels

    good first issueGood for newcomerspkg/reporterThis is due to an issue in the packages/reporter directorytype: user experienceImprovements needed for UX

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions