Problem/Motivation

This is caused by the way Safari handles the native resize handle. In other browsers, the resize handle overlays the content nested in the resizable element. Safari will render the nested content on top of the resize handle which hides it and renders it unclickable.

Steps to reproduce

Open a ME enabled content type's edit page in Safari. Click the edit icon on a component. Try to resize the dialog via the resize handle in the bottom right corner of the dialog.

Issue fork mercury_editor-3450230

Command icon Show commands

Start within a Git clone of the project using the version control instructions.

Or, if you do not have SSH keys set up on git.drupalcode.org:

About issue forks

Comments

pixelwhip created an issue. See original summary.

pixelwhip opened merge request !52

pixelwhip’s picture

pixelwhip commented
Status: Active » Needs review
pixelwhip’s picture

pixelwhip commented

This merge request adds a clip-path to the button pane to clip out a notch in the bottom corner to allow the resize handle to be visible.

pixelwhip’s picture

pixelwhip commented
Version: 2.1.x-dev » 2.1.0
pbabin’s picture

pbabin commented

Just added this to our code base and tested with Safari. Without we are not able to adjust the dialog size. With it, we are now able to adjust the size. Please note we are using MR 55 in addition to this so we are using Drupal 10.3 and there is an issue with dialogs and jQuery which that merge requests fixes.

damienmckenna’s picture

damienmckenna
Location TN, USA
commented
Assigned: pixelwhip » Unassigned

  • pixelwhip committed d90f6c69 on 2.2.x 
    Issue #3450230: Unable to resize dialog in Safari

pixelwhip opened merge request !133

  • pixelwhip committed 61d3f904 on 2.1.x 
    Issue #3450230: Unable to resize dialog in Safari

  • pixelwhip committed 8975f584 on 3.0.x 
    Issue #3450230: Unable to resize dialog in Safari
pixelwhip’s picture

pixelwhip commented
Status: Needs review » Fixed

Now that this issue is closed, review the contribution record.

As a contributor, attribute any organization that helped you, or if you volunteered your own time.

Maintainers, credit people who helped resolve this issue.

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.