Bug [Solved] Twenty Twenty-Three Theme Version 1.0 Breaks Plugin

Hi@alex1111,

Please clarify a bit what kind of issue have you faced. In case the wpDiscuz form is missing, just use the shortcode below: 

<!-- wp:post-comments /-->

The author is talking about the new theme Twenty Twenty-Three, which does not natively support this plugin. There is no custom form nor is there any comment bubble showing.

I went into the Site Edit area and removed the Comments block and replaced it with the shortcode mentioned above (small screenshot attached to show progress). That fixed the problem, for the most part.

When I went to look at one of the posts, I noticed the layout needs some adjusting (screenshot attached).

I hope this helps further explain the issue with WordPress's new theme. Thank you.

Additionally, I'm able to do a bit of the fixes through CSS, but the last bit that's not quite straightforward is the jQuery for the "post co

mment" button and options next to it.

Apologies, that should be CSS for the "post comment" section, not jQuery.

@sharon,

Please provide us the example URL where we can check the issue, 

Click on any of the posts at https://sharonmurphy.net/

I notice this in a completely brand new install of WordPress using Twenty Twenty-Three Theme as well.

@sharon,

There are some additional HTML tags like <br>, <p>, etc. 

Please watch this video: https://www.screencast.com/t/EE9YecqyMt5

Ok, I believe that is WordPress doing that. As I mentioned earlier, I created a clean install at https://sharonmurphy.net/test to verify this behavior. The default single post that's generated upon installation does not show the wpDiscuz form by default. I went into the Single template and replaced the Comments block with your shortcode as recommended. The same display errors are happening.

https://sharonmurphy.net/test/2022/11/21/hello-world/

This is the default behavior of WordPress's new Twenty Twenty-Three theme, not something created based on content added or any code customizations.

Dear @sharon,

Please try the CSS code below, it should solve the issue:

#wpdcom .wpd-form-foot p {padding-bottom: 1px;}
#wpdcom p {padding-bottom: 1px;}
#wpdcom br{content:' ';}
#wpdcom br:after{content:' ';}

Put the code in the Top Admin Bar > Customize > Additional CSS > "Additional CSS" textarea, save it, delete all caches and check again.

@asti Added, but it's not a complete fix. Screenshots below:

@sharon,

We need the URL, please provide us so we can modify the code.

@asti https://sharonmurphy.net/test/2022/11/29/hello-world/

@sharon,

Please add those codes as well: 

#wpdcom p:empty {
   display: none;
}
#wpdcom .wpd-form-foot p{
   margin:0 ;
}
#wpdcom .wpd-form .wpdiscuz-textarea-wrap [id^=wpd-editor-wraper] p:first-child {
   display: none;
}

@asti thank you, but still missing a few things. See bottom row of buttons and the "Post Comment" button in the screenshot below: