Why is setting root.x not taking effect?

[daydaystudylab]

I want to achieve the effect of dragging the window, but I can only move within the black box

export component App inherits Window {

        width: 890px;
        height: 624px;
        title: "demo";
        no-frame: true;
        background: #333;

        area := TouchArea {
            width: parent.width;
            height: parent.height;
            moved => {
                root.x += self.mouse-x - self.pressed-x;
                root.y += self.mouse-y - self.pressed-y;
                
            }
        }

        Rectangle {
            background: #eee;
            Text {
                text: "hello drag app demo";
            }
        }
    }

[Vadoola]

You can't directly relocate the window from within Slint. How / whether this can be done will also depend on the environment you are working in. For example Wayland, typically doesn't like allowing the windows to move themselves. There are some discussions on ways to make this work, but right now, it's something you would need to do in code, not from within the Slint DSL.

See previous issues and discussions below:

• A problem about drag widget or window #3355
• Move window without frame #697
• Add API to control the position of the window on the screen #323
• Few question before I start making #4226
• Custom draggable region for frameless window #2695
• Draggable regions (for custom titlebars) #613
• Custom Window Title bar and Frame API proposal. #2521

[daydaystudylab]

ok，thanks