Automattic / Automattic/sensei

Learning mode and DIVI incompatibility error

Open
#6,972 2 comments 0 reactions 0 assignees View on GitHub
[Type] Bug Third-Party
Dominant language
PHP
Stars
593
Forks
218
Avg merge
1d 22h
Merged PRs (30d)
53

Description

If the template is DIVI and Learner mode is on, some plugin blocks will not appear in lessons (e.g. WP Vimeo Upload block of Video Uploads for Vimeo PRO plugin).

This CSS is causing the issue:
woothemes-sensei/plugins/sensei-lms/assets/dist/css/3rd-party/themes/divi/learning-mode.css?ver=2566383cb64eabe0d127

.wp-block-post-content * {
padding-bottom: 0;
}

This sets the padding-bottom to 0, which means that the given block element is not visible.

### Screenshot / Video

padding-bottom prevents showing video player element:
![Képernyőfotó 2023-06-14 - 11 51 50](https://github.com/Automattic/sensei/assets/39312392/31b0f2fc-76f4-4379-9608-bc825f647ad7)

If you disable padding-bottom video player is visible:
![Képernyőfotó 2023-06-14 - 11 52 05](https://github.com/Automattic/sensei/assets/39312392/bbe6fe40-7d3f-4eed-ad1b-f3e6e0e2f8a8)

### PHP / WordPress / Sensei LMS version
Sensei LMS Version: 4.15.0 | Sensei Pro Version: 1.15.0
DIVI 4.21.0
WordPress 6.2.2

Contributor guide

Open the contributing guide

Research direction

Start with woothemes-sensei/plugins/sensei-lms/assets/dist/css/3rd-party/themes/divi/learning-mode.css and inspect the .wp-block-post-content * padding-bottom rule. Reproduce with DIVI and Learner mode enabled using the WP Vimeo Upload block, then verify that the video player and other plugin blocks appear without breaking learning-mode styling.

Written by the indexing model from the issue text.

Assessment

Tech stack
css
Domain
frontend
Issue type
Bug
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Stale
Clarity
Clearly specified
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.