Web Component

Style Changes

The video element now uses position: absolute.

To ensure proper rendering of the Web Component inside containers with non-fixed CSS properties (for instance, min-height), use one of the style options from the examples below.

Example 1

.container {
    display: flex;
    min-width: 400px;
    min-height: 400px;
}

document-reader {
    flex: 1;
    height: auto;
}

Example 2

.container {
    position: relative;
    min-width: 400px;
    min-height: 400px;
}

document-reader {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

For the information about the most current functionality, see Web Components API Reference Documentation.