[Support request] wordpress editor loading with narrow margin and Grid stickied to the left side

Hi Fernando:

Sorry about that, did not expect right-away response. I’m off of it now. Feel free to have a look, thank you

So I clicked on the browser’s ‘Inspect’ button by right clicking on the wordpress page builder. I am not if any of this will help, but it indicates a number of items under the ‘Issues’ tab’:

Buttons must have discernible text: Element has no title attribute
Elements must only use allowed ARIA attributes: ARIA attribute is not allowed: aria-multiline=”true”
Elements must only use allowed ARIA attributes: aria-label attribute cannot be used on a div with no valid role attribute.
Form elements must have labels: Element has no title attribute Element has no placeholder attribute
Images must have alternate text: Element has no title attribute
Select element must have an accessible name: Element has no title attribute
Frames must have an accessible name: Element has no title attribute
IDs of active elements must be unique: Document has active elements with the same id attribute: block-2445b1b8-847c-41b0-abe0-b6a5771c8bd2
IDs of active elements must be unique: Document has active elements with the same id attribute: block-2d556535-9c4f-45af-9c00-84d0f18732e1
IDs of active elements must be unique: Document has active elements with the same id attribute: block-37c855d1-5ad7-4137-a337-956babc6c4b8
IDs of active elements must be unique: Document has active elements with the same id attribute: block-42b9d6dd-db08-43d3-aa8c-fe77a5fc1596
IDs of active elements must be unique: Document has active elements with the same id attribute: block-598ed12d-0891-46d6-8796-1d8dbddb8767
IDs of active elements must be unique: Document has active elements with the same id attribute: block-ad4cc0f9-7e94-44aa-ae15-6ef1a52055e9
IDs of active elements must be unique: Document has active elements with the same id attribute: block-bbb4f29a-c0aa-4192-9d37-6f9311effd86
IDs of active elements must be unique: Document has active elements with the same id attribute: block-c2c1d131-4413-454d-bff6-b4946690bdfb
IDs of active elements must be unique: Document has active elements with the same id attribute: block-f544486f-7d4c-45de-8b60-4419288bdbff
Links must have discernible text: Element has no title attribute
Compatibility
‘-webkit-tap-highlight-color’ is not supported by Firefox, Firefox for Android, Safari.
‘content-type’ header media type value should be ‘text/html’, not ‘application/json’.
Performance
A ‘cache-control’ header contains directives which are not recommended: ‘must-revalidate’
Security
The ‘Expires’ header should not be used, ‘Cache-Control’ should be preferred.
The ‘X-Frame-Options’ header should not be used. A similar effect, with more consistent support and stronger checks, can be achieved with the ‘Content-Security-Policy’ header and ‘frame-ancestors’ directive.
Other
Audit usage of navigator.userAgent, navigator.appVersion, and navigator.platform
Button type attribute has not been set.
Page layout may be unexpected due to Quirks Mode

And under the ‘Console’ tab:

[Intervention] Images loaded lazily and replaced with placeholders. Load events are deferred. See https://go.microsoft.com/fwlink/?linkid=2048113
admin-bar-v2.js?ver=11.9-202311:3

Missing data from PHP (wpNotesArgs).
(anonymous) @ admin-bar-v2.js?ver=11.9-202311:3
deprecated.min.js?ver=6c963cb9494ba26b77eb:2

wp.blocks.children.matcher is deprecated since version 6.1 and will be removed in version 6.3. Please use html source instead. See: https://developer.wordpress.org/block-editor/how-to-guides/block-tutorial/introducing-attributes-and-editable-fields/
i @ deprecated.min.js?ver=6c963cb9494ba26b77eb:2
deprecated.min.js?ver=6c963cb9494ba26b77eb:2

wp.blocks.children.fromDOM is deprecated since version 6.1 and will be removed in version 6.3. Please use wp.richText.create instead. See: https://developer.wordpress.org/block-editor/how-to-guides/block-tutorial/introducing-attributes-and-editable-fields/
i @ deprecated.min.js?ver=6c963cb9494ba26b77eb:2
deprecated.min.js?ver=6c963cb9494ba26b77eb:2

wp.blocks.node.fromDOM is deprecated since version 6.1 and will be removed in version 6.3. Please use wp.richText.create instead. See: https://developer.wordpress.org/block-editor/how-to-guides/block-tutorial/introducing-attributes-and-editable-fields/
i @ deprecated.min.js?ver=6c963cb9494ba26b77eb:2
deprecated.min.js?ver=6c963cb9494ba26b77eb:2

wp.blockEditor.RichText value prop as children type is deprecated since version 6.1 and will be removed in version 6.3. Please use value prop as string instead. See: https://developer.wordpress.org/block-editor/how-to-guides/block-tutorial/introducing-attributes-and-editable-fields/
i @ deprecated.min.js?ver=6c963cb9494ba26b77eb:2
deprecated.min.js?ver=6c963cb9494ba26b77eb:2

wp.blocks.children.toHTML is deprecated since version 6.1 and will be removed in version 6.3. Please use wp.richText.toHTMLString instead. See: https://developer.wordpress.org/block-editor/how-to-guides/block-tutorial/introducing-attributes-and-editable-fields/
i @ deprecated.min.js?ver=6c963cb9494ba26b77eb:2
?v=2.0:16

WebSocket connection to ‘wss://public-api.wordpress.com/pinghub/wpcom/me/newest-note-data’ failed:
v @ ?v=2.0:16
deprecated.min.js?ver=6c963cb9494ba26b77eb:2

Using custom components as toolbar controls is deprecated since version 5.6. Please use ToolbarItem, ToolbarButton or ToolbarDropdownMenu components instead. See: https://developer.wordpress.org/block-editor/components/toolbar-button/#inside-blockcontrols
i @ deprecated.min.js?ver=6c963cb9494ba26b77eb:2
?v=2.0:16

WebSocket connection to ‘wss://public-api.wordpress.com/pinghub/wpcom/me/newest-note-data’ failed:
v @ ?v=2.0:16
D @ ?v=2.0:16
O @ ?v=2.0:16
?v=2.0:16

WebSocket connection to ‘wss://public-api.wordpress.com/pinghub/wpcom/me/newest-note-data’ failed:
v @ ?v=2.0:16
D @ ?v=2.0:16
O @ ?v=2.0:16
?v=2.0:16

WebSocket connection to ‘wss://public-api.wordpress.com/pinghub/wpcom/me/newest-note-data’ failed:
v @ ?v=2.0:16
D @ ?v=2.0:16
O @ ?v=2.0:16
?v=2.0:16

WebSocket connection to ‘wss://public-api.wordpress.com/pinghub/wpcom/me/newest-note-data’ failed:
v @ ?v=2.0:16
D @ ?v=2.0:16
O @ ?v=2.0:16
?v=2.0:16

WebSocket connection to ‘wss://public-api.wordpress.com/pinghub/wpcom/me/newest-note-data’ failed:

Hey Fernando:

Yes, I have tried with using the following and the experience was all the same.

Macbook Air with Microsoft Edge (also tried it in private window mode)
Macbook Air with Chrome
Macbook Air with Safari
Chromebook with Chrome

I recorded what is displayed and its the same on all of the above situations: a sections of the page sticking to the left and the first container (the yellow area) is stuck to the left and content shown in a narrow width).

Here’s the video:
https://photos.app.goo.gl/z61HoUA6mso5cYbw5

unfortunately, that didn’t work. I also tried disabling all plugins, then the page was broken of course. I tend re-enabling only generatepress and GP Premium, but the page layout issue within the editor persist.

I’m currently out of ideas as to what I else to do. Anything else I can try?

Hi Fernando:

Been working with the dreamhost tech and they said that on my site’s error log, they only see the following issue. I tried to follow their instruction and disable mod_security but that did not work to remove the issue. They seem to be out of ideas and blames it on theme compatibility with php 8.1 possibly. Could this be the case?

After checking your site’s error logs, I found mod_security notifications
denying the execution of certain processes, for example the following
one:

[Wed Mar 15 13:46:50.183879 2023] [:error] [pid 103119:tid 3940422772480]
[client 150.158.26.46:51881] [client 150.158.26.46] ModSecurity: Access
denied with code 418 (phase 2). Operator GE matched 7 at
TX:anomaly_score. [file
“/dh/apache2/template/etc/mod_sec3_CRS/REQUEST-949-BLOCKING-EVALUATION.conf”]
[line “93”] [id “949110”] [msg “Inbound Anomaly Score Exceeded (Total
Score: 10)”] [severity “CRITICAL”] [ver “OWASP_CRS/3.3.2”] [tag
“application-multi”] [tag “language-multi”] [tag “platform-multi”] [tag
“attack-generic”] [hostname “www.evto.ca”] [uri “/xmlrpc.php”] [unique_id
“ZBIuumBL5VKJdW7VZ@LyagAAJ0M”], referer: https://www.evto.ca/xmlrpc.php

In order to test if the issue is coming from here, I recommend you to
disable mod_security from your DreamHost panel, wait for 15 minutes, and
try again after clearing your browser cache.

Hi David:

Unfortunately not, still talking to them what else can be done to figure out this issue. They are trying to blame generatepress theme but I don’t believe that is true. Hopefully will come to a better conclusion.