Skip to content

Format Library: Inline link formatting popover can stretch beyond viewport #20146

@aduth

Description

@aduth

Previously: #20052 (review), #20052 (comment)

Describe the bug

When editing a paragraph link on a narrow viewport, the popover may stretch beyond the edges of the screen.

Screenshot 2020-02-10 at 14 02 10

Screenshot 2020-02-10 at 14 00 11

To reproduce

Steps to reproduce the behavior:

  1. (Prerequisite) Shrink screen (manually or via emulation) or use mobile device
  2. Navigate to Posts > Add New
  3. Insert a paragraph
  4. Click in the block toolbar to insert a link
  5. Note that link editor may stretch beyond the screen edges.

Expected behavior

Link editor shows within the constraints of the viewport.

Additional context

For solution:

  • Consider how this behaved previously.
  • See if there are fixed or minimum widths in any of the relevant components that may be the cause of this issue (LinkInlineUI, LinkControl, URLInput)
  • Consider centering the popover on small devices, rather than opening to the right.

Metadata

Metadata

Assignees

Labels

[Feature] Link EditingLink components (LinkControl, URLInput) and integrations (RichText link formatting)[Package] Format library/packages/format-library[Status] In ProgressTracking issues with work in progress[Type] BugAn existing feature does not function as intended

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions