Delete comment modal dialog styling broken with Drupal 10.2.x

Created on 6 January 2024, 12 months ago
Updated 29 July 2024, 5 months ago

Problem/Motivation

After updating to Drupal 10.2.x from 10.1.x, delete modal dialogs stopped working. A dialog opens, but its layout and style are completely broken, the text is barely visible due to overlap with the dialog title bar. Clicking "Delete" does not close the dialog, however, the comment itself seems to be deleted after reloading the page using F5.

JavaScript console in the browser shows the following error:

An error occurred during the execution of the Ajax response: TypeError: Cannot read properties of null (reading 'style'

Expanded log:

ajax.js?v=10.2.1:1143 An error occurred during the execution of the Ajax response: TypeError: Cannot read properties of null (reading 'style')
(anonymous) @ ajax.js?v=10.2.1:1143
Promise.catch (async)
Drupal.Ajax.success @ ajax.js?v=10.2.1:1141
Drupal.Ajax.success @ ajax.js?s6yfwq:137
success @ ajax.js?v=10.2.1:584
c @ jquery.min.js?v=3.7.1:2
fireWith @ jquery.min.js?v=3.7.1:2
l @ jquery.min.js?v=3.7.1:2
(anonymous) @ jquery.min.js?v=3.7.1:2
load (async)
send @ jquery.min.js?v=3.7.1:2
ajax @ jquery.min.js?v=3.7.1:2
Drupal.Ajax.eventResponse @ ajax.js?v=10.2.1:799
(anonymous) @ ajax.js?v=10.2.1:646
dispatch @ jquery.min.js?v=3.7.1:2
v.handle @ jquery.min.js?v=3.7.1:2

Steps to reproduce

Update the website using AJAX comments to 10.2.x. The bug starts to happen.

Checking the browser console, the bug may be similar to this issue: https://www.drupal.org/project/drupal/issues/3409505 🐛 Uncaught TypeError: Cannot read properties of null (reading 'style') (toolbar.js) Needs work

🐛 Bug report
Status

Postponed: needs info

Component

Code

Created by

🇸🇮Slovenia KlemenDEV

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

Comments & Activities

Production build 0.71.5 2024