My site has paragraph types for media -- image, remote video, etc. The upload form for the entity browser for these paragraph types includes an autocomplete taxonomy term field. When uploading a new media item within Mercury Editor, the autocomplete options for that field are hidden by the entity browser modal popup, rendering it unusable. (Screenshot attached.)

CommentFileSizeAuthor
modal_hiding_autocomplete__mercury_editor.png324.93 KBjesss

Issue fork mercury_editor-3401306

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

jesss created an issue. See original summary.

pixelwhip’s picture

pixelwhip commented
Status: Active » Postponed (maintainer needs more info)

You mentioned an Entity Browser. Do you see this same behavior using the core Media Broswer widget for selecting and adding related media to the paragraph?

Based on your screenshot, it looks like the native element in the shadow-dom of the web component probably has the "modal" attribute. This will cause the element and its contents to sit in the browser's top-layer. Drupal's autocomplete dropdown gets appended to the element of the page which sits underneath the top-layer. This would cause the options to render behind the modal's overlay.

If this is the case, we would need to figure out how to remove the modal attribute from the inner or move the autocomplete results inside the element so it gets hoisted to the top-layer as well.

Do you have a minimal way to reproduce this?

jesss’s picture

jesss commented
Status: Postponed (maintainer needs more info) » Active

My apologies for the confusion -- we're using the core Media Library widget, not Entity Browser.

Steps to reproduce:

  1. Add an autocomplete entity reference field to a media type using the Media Library widget on the form display.
  2. Create a paragraph type for that media type.
  3. Within Mercury Editor, add a paragraph of that type.
  4. After uploading your media, attempt to add an entity reference to that media item. See how the autocomplete dropdown is hidden by the modal.
keiserjb’s picture

keiserjb commented

I've had this problem as well. I added a Media Keywords field to my media types that references a taxonomy. I upload a media item and try to fill in terms. The autocomplete dropdown is behind the media library modal.

jesss’s picture

jesss commented

I am still seeing this behavior in alpha14 on 10.2.3. Any chance of a fix?

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

justin2pin opened merge request !42

justin2pin’s picture

justin2pin commented
Status: Active » Needs review

  • justin2pin committed 7819630f on 2.1.x 
    Issue #3401306: Autocomplete options hidden by modal
justin2pin’s picture

justin2pin commented
Status: Needs review » Fixed

  • justin2pin committed 7819630f on decoupled 
    Issue #3401306: Autocomplete options hidden by modal

Status: Fixed » Closed (fixed)

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