Skip to content

display flex on elementor-widget-wrap breaks old position absolute design #7366

@tristanleboss

Description

@tristanleboss

Prerequisites

  • I have searched for similar issues in both open and closed tickets and cannot find a duplicate.
  • The issue still exists against the latest stable version of Elementor.

Description

Before v2.5, the class .elementor-widget-wrap used display: block.
Starting from 2.5, this same class uses display: flex.

This create a problem with widgets created in version prior to v2.5. For example, if you created a column with a background color and wanted to position absolute a picture, it will break on 2.5.

With v2.4 :

image

With v2.5 :

image

Steps to reproduce

Create a colum, set a background color, add a text editor and an image right after, set Custom CSS to position absolute the image:

image

Isolating the problem

  • This bug happens with only Elementor plugin active (and Elementor Pro).
  • This bug happens with a default WordPress theme active.
  • I can reproduce this bug consistently using the steps above.

Environment

Latest WP, Elementor + Elementor Pro

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugIndicates a bug with one or multiple components.

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions