Comment 2 for bug 1451937

To avoid regressions due to toolkit updates, we now recommend to embed the
CSS directly inside your app and rewrite your include rules to reference
the local version instead.

This branch contains a small script to help with this process:
https://code.launchpad.net/~dbarth/ubuntu-html5-theme/cmdline-tool/+merge/253498

On Tue, May 5, 2015 at 11:49 AM, Robert Schroll <email address hidden> wrote:

> Public bug reported:
>
> My app Crosswords [1] uses absolute positioning to layout most of its
> elements. A year ago, it worked with the toolkit; now it's broken. I
> believe the problem was caused in 168.3.21, which added the rule:
>
> html, body,
> [data-role="mainview"],
> [data-role="content"] {
> position: relative;
> width: 100%;
> height: 100%;
> }
>
> This means absolutely positioned elements inside the content will be
> positioned in reference to the content element. Before, all of these
> elements had been statically positioned, so absolutely positioned
> elements were positioned relative to the viewport.
>
> [1] https://github.com/rschroll/crosswords
>
> ** Affects: ubuntu-html5-theme
> Importance: Undecided
> Status: New
>
> --
> You received this bug notification because you are subscribed to Ubuntu
> HTML5 UI SDK.
> https://bugs.launchpad.net/bugs/1451937
>
> Title:
> Absolutely positioned elements broken by update to CSS
>
> To manage notifications about this bug go to:
> https://bugs.launchpad.net/ubuntu-html5-theme/+bug/1451937/+subscriptions
>