Problem/Motivation

When the module is configured to display the reporting form in a dialog, the form is grayed out and is unusable. This doesn't happen in all cases and seems dependent on factors such as theme styles, etc.

Steps to reproduce

Go to a node that has comments on it. Click on the link to flag a comment. When the dialog opens, it is grayed out and unusable.

Screenshot of issue

Proposed resolution

In my case, this was only happening for specific roles so I initially thought it was a permissions related issue, but upon further investigation it was determined that a z-index was not being applied to both the dialog and it's overlay.

Screenshot of DOM inspector

Reviewing the API documentation for Ajax Dialog Boxes it appears that the Flag module fails to define the required dependency on the core/drupal.dialog.ajax library. Applying this dependency and rebuilding Drupal's cache appears to have fixed the issue. See attached patch.

Remaining tasks

Review the attached patch

User interface changes

API changes

Data model changes

Issue fork flag-3335892

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:

Comments

j.cowher created an issue. See original summary.

j.cowher’s picture

StatusFileSize
new292 bytes
j.cowher’s picture

Issue summary: View changes

ivnish made their first commit to this issue’s fork.

  • ivnish committed 035a4b82 on 8.x-4.x
    Issue #3335892 by ivnish, j.cowher: Flagging modal issue - z-index isn't...
ivnish’s picture

Status: Needs review » Fixed

Status: Fixed » Closed (fixed)

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