Ubuntu HTML5 UI SDK

Checkbox in listitem layout is too wide

Bug #1279932 reported by David Barth on 2014-02-13

This bug affects 1 person

Affects		Status	Importance	Assigned to	Milestone
	Ubuntu HTML5 UI SDK	Fix Released	Critical	Alexandre Abreu
	ubuntu-html5-theme (Ubuntu)	Fix Released	Critical	Unassigned

Bug Description

The following sample HTML results in a layout that puts the embedded checkbox item off the screen.

The list layout should constrain elements in a surface that is visible on screen I would expect.

This is using the latest ubuntu-html5-ui-toolkit CSS as of 0.1.2+14.04.20140211.1-0ubuntu1

Tags:

Related branches

lp:~abreu-alexandre/ubuntu-html5-theme/resize-webview-with-qtquick-resize

Merged into lp:ubuntu-html5-theme at revision 141

PS Jenkins bot: Approve (continuous-integration) on 2014-02-18

Adnane Belmadiaf: Approve on 2014-02-18

lp:ubuntu/trusty-proposed/ubuntu-html5-theme

Revision history for this message

David Barth (dbarth) wrote on 2014-02-13:

index.html Edit (2.7 KiB, text/html)

tags:

added: html5-blocker

Alexandre Abreu (abreu-alexandre) on 2014-02-13

Changed in ubuntu-html5-theme:
status:	New → Triaged
importance:	Undecided → High

Revision history for this message

Adnane Belmadiaf (daker) wrote on 2014-02-13:

Capture du 2014-02-13 20:46:04.png Edit (112.4 KiB, image/png)

This is the actual behaviour, can post a screenshot ?

Revision history for this message

David Barth (dbarth) wrote on 2014-02-14: Re: [Bug 1279932] Re: Checkbox in listitem layout is too wide

Le 13/02/2014 21:47, Adnane Belmadiaf a écrit :
> This is the actual behaviour, can post a screenshot ?
>
> ** Attachment added: "Capture du 2014-02-13 20:46:04.png"
> https://bugs.launchpad.net/ubuntu-html5-theme/+bug/1279932/+attachment/3980074/+files/Capture%20du%202014-02-13%2020%3A46%3A04.png
>
But is not what I'm getting. See below.

Revision history for this message

David Barth (dbarth) wrote on 2014-02-14:

Capture du 2014-02-14 11:10:29.png Edit (95.8 KiB, image/png)

The toggle is in the last line on the right, offscreen.

It may be the QML definition of the view which is wrong and prevents the layout to work.

Revision history for this message

Adnane Belmadiaf (daker) wrote on 2014-02-15:

Capture du 2014-02-15 15:14:48.png Edit (284.4 KiB, image/png)

I just created an HTML5 app using QTC with your code, and it works as expected.

Revision history for this message

Daniel Holbach (dholbach) wrote on 2014-02-18:

I see the same output as Adnane.

Revision history for this message

Alexandre Abreu (abreu-alexandre) wrote on 2014-02-18:

This was/is an issue w/ the way that the qtquick view is not bound to the embedding qml

Changed in ubuntu-html5-theme:
assignee:	nobody → Alexandre Abreu (abreu-alexandre)
status:	Triaged → In Progress

Daniel Holbach (dholbach) on 2014-02-18

Changed in ubuntu-html5-theme:
importance:	High → Critical
Changed in ubuntu-html5-theme (Ubuntu):
importance:	Undecided → Critical

Revision history for this message

Launchpad Janitor (janitor) wrote on 2014-02-18:

This bug was fixed in the package ubuntu-html5-theme - 0.1.2+14.04.20140218-0ubuntu1

---------------
ubuntu-html5-theme (0.1.2+14.04.20140218-0ubuntu1) trusty; urgency=low

  [ Alexandre Abreu ]
  * Based on a branch from daker: lp:~daker/ubuntu-html5-
    theme/fix.1202349 Revamped & made it work on desktop and touch.
    Remove the need to declare the toolbar in js. (LP: #1202349)
  * Resize the root object to the view (LP: #1279932)
  * need to add an example of shape + text inside (LP: #1279936)
-- Ubuntu daily release <email address hidden> Tue, 18 Feb 2014 17:24:08 +0000