[5.2.0]: LivePreview markup differs from Preview, missing styles

[superextinct]

What happened?

Description

Solspace Calendar includes a live preview for their Event elements. When opening the preview, the editor panel is not scrollable and is missing some padding:

Live Preview gets initiated here through Craft.LivePreview.init, that's why I'm opening the issue here.

I believe this to be caused by this commit e1d523a

While the new .lp-content class was introduced to the Preview class, it's not being used for LivePreview:

Steps to reproduce

1. Install Solspace Calendar
2. Configure a preview target for the default calendar (/admin/calendar/calendars/default)
3. Create and save a valid event
4. Open Live Preview

Expected behavior

All fields should be visible, the editor panel should have horizontal padding and can be scrolled.

Actual behavior

Due to the missing padding, some fields are not fully visible. The panel cannot be scrolled.

Craft CMS version

5.2.0

PHP version

8.2

Operating system and version

No response

Database type and version

No response

Image driver and version

No response

Installed plugins and versions

• "solspace/craft-calendar": "^5.0.7"

[brandonkelly]

Thanks for reporting that! Fixed for the next release.

[brandonkelly]

Craft 5.4.0 is out now with that fix. Thanks again!