Closing dialog with VKB active breaks canvas on returning page [answered]

answered 2015-05-26 15:13:13 +0200

kimmoli
7188 ●94 ●133 ●160

http://www.kimmoli.fi/

Seems that when pageStack animation is going on, and VKB is sliding down, and it will effect height of page where canvas is (page where we are navigating back from dialog).

Canvas is anchored to fill this page, so it follows page height. And chaging canvas size will clear it.

[D] onPaint:37 - onPaint, canvas.width. 540 height: 522.6619873046875 pageStack.busy: true
[D] onPaint:37 - onPaint, canvas.width. 540 height: 537.2479858398438 pageStack.busy: true
[D] onPaint:37 - onPaint, canvas.width. 540 height: 566.552001953125 pageStack.busy: true
[D] onPaint:37 - onPaint, canvas.width. 540 height: 607.3179931640625 pageStack.busy: true
[D] onPaint:37 - onPaint, canvas.width. 540 height: 664.3419799804688 pageStack.busy: true
[D] onPaint:37 - onPaint, canvas.width. 540 height: 731.2880249023438 pageStack.busy: true
[D] onPaint:37 - onPaint, canvas.width. 540 height: 804.7680053710938 pageStack.busy: true
[D] onPaint:37 - onPaint, canvas.width. 540 height: 907.177978515625 pageStack.busy: true
[D] onPaint:37 - onPaint, canvas.width. 540 height: 956.83203125 pageStack.busy: true
[D] onPaint:37 - onPaint, canvas.width. 540 height: 960 pageStack.busy: true

Solution is to set canvas width/height explicitly, not anchor it to page. Replaced anchoring with below code to set them just once:

Component.onCompleted:
{
    width = parent.width
    height = parent.height
    requestPaint()
}