touch-packages team mailing list archive

[David Barth <david.barth@xxxxxxxxxxxxx>]

** Changed in: ubuntu-html5-theme
       Status: Confirmed => Fix Released

** Changed in: webapps-sprint
       Status: In Progress => Fix Released

-- 
You received this bug notification because you are a member of Ubuntu
Touch seeded packages, which is subscribed to ubuntu-html5-theme in
Ubuntu.
https://bugs.launchpad.net/bugs/1451937

Title:
  Absolutely positioned elements broken by update to CSS

Status in Ubuntu UI SDK for HTML5 Apps:
  Fix Released
Status in Webapps Team Task Tracking Project:
  Fix Released
Status in ubuntu-html5-theme package in Ubuntu:
  Fix Released

Bug description:
  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

To manage notifications about this bug go to:
https://bugs.launchpad.net/ubuntu-html5-theme/+bug/1451937/+subscriptions