Page MenuHomePhabricator

BookletLayout runs into other elements of the page
Closed, DuplicatePublic

Description

Running the example code on https://doc.wikimedia.org/oojs-ui/master/js/#!/api/OO.ui.BookletLayout looks good, but changing the last line to

$( 'body' ).append( $( '<div>' ).text( 'before' ), booklet.$element, $( '<div>' ).text( 'after' ) );

causes the BookletLayout to overlap both "before" and "after".

Looking at the code this isn't really surprising (it uses position: absolute), but IMHO this isn't really expected or desired behavior, at least not without proper documentation.