Skip to content

editableList overflow-x: hidden prevents absolutely positioned elements from escaping container #5463

@zachowj

Description

@zachowj

Current Behavior

In the pull request #5403 it added overflow-x: hidden to the editableList widget.

This appears to have an unintended side effect: any absolutely positioned element inside an editableList item is now clipped to the list container, rather than being able to visually “float” outside of it.

Previously, absolutely positioned children (e.g. dropdowns, popovers, tooltips, custom UI overlays) could extend beyond the bounds of the editableList. With overflow-x: hidden applied, these elements are constrained to the list’s box.

Expected Behavior

Absolutely positioned elements inside an editableList should be able to overflow the container when needed.

Steps To Reproduce

version: 4.1.2

Image

version: 4.1.3

Image

Example flow

paste your flow here

Environment

  • Node-RED version: 4.1.3
  • Node.js version:
  • npm version:
  • Platform/OS:
  • Browser:

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions