Document resource type preview pane issue under mobile view

Summary

There's an issue with the Document resource type under mobile view. The preview box (class="layout renderer") freezes on the loader (Kolibri logo) and never shows the preview of the document.

Category

BUG

Usage Details

• Windows 10
• Browser: Chrome, Firefox, Edge (latest versions)
• Channel Token: jumun-rizoz
• Topic: Unidades
• Mobile simulator: Browser: iPad (768*1024)

How to reproduce

Precondition: Document resource type imported to a channel.

1. Login to Studio
2. Click a channel with imported document resource type (Topic Unidades has documents in it)
3. Click the topic with documents
4. Right-click and select Inspect to open browser's dev tools
5. Click to toggle Device toolbar (Chrome) to launch the mobile simulator
6. Select iPad
7. Click a single Document resource type to toggle the preview pane
8. See the preview box

Screenshots

Real-life consequences (anything community should be aware of, for instance how it affects end users)

User is unable to see a preview of the document.

Reproduce the issue by opening a document resource in the Unidades topic and using the iPad mobile simulator. Inspect the preview pane and browser console first; the work is done when the document preview renders instead of remaining on the Kolibri loader.