Contrib.social

Edit button in Dialog window

Open on Drupal.org →
Created on 14 October 2023, over 1 year ago

Problem/Motivation

When using dialog window - edit comment button does not work. It freezes whole page until ESC.
Note : It works fine when there is not "DELETE" button visible. once both buttons are there it looks like they are interference each other. Delete button works but Edit does not.

Steps to reproduce

1.Create content type with comment
2.Display mode = comment field.
3.Create link to open in modal :

<a class="use-ajax" href="/node/2" data-dialog-options="{&quot;width&quot;:800}" data-dialog-type="modal">First node displayed in modal dialog with Comment.</a>

4.click to Edit comment
5.Whole page is greyed out - see attached picture.
6. following notice in browser console :

An element doesn't have an autocomplete attribute
A form field has an id or name attribute that the browser's autofill recognizes. However, it doesn't have an autocomplete attribute assigned. This might prevent the browser from correctly autofilling the form.
To fix this issue, provide an autocomplete attribute.

6.Once you click ESC and try again it works but you need to do that every time.

if you click EDIT comment :

🐛 Bug report
Status

Active

Version

1.0

Component

Code

Created by

🇸🇰Slovakia coaston

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

  • Issue created by @coaston
  • Comment 22 days ago →
    michs23

    The "Edit comment" button in your modal dialog might be freezing due to a conflict with the "Delete" button, likely related to JavaScript event handling or browser California DMV website interference. To troubleshoot, inspect for JavaScript errors, temporarily remove the "Delete" button, check button event handlers, address autocomplete warnings, and test in different browsers. If the issue persists, share relevant code snippets for further analysis.

  • Comment 8 days ago →
    edward357johnson

    When using the edit comment button in a dialog window, the entire page freezes if both "Edit" and "Delete" buttons are visible. This issue doesn't occur when only the "Delete" button is present. To reproduce: create a content type with a comment field, set the display mode to comment, and create a link choiceadvantages to open in a modal dialog. Click to edit the comment, and the page will grey out, showing a console notice about an element missing an autocomplete attribute. Pressing ESC resolves it temporarily.

contrib.social Blog FAQ Discussions
Production build 0.71.5 2024