Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Scope hierarchy not working

See original GitHub issue

I am wondering how to make hierarchical scoping work (it doesn’t seem to), and if it doesn’t whether a patch to implement it would be welcome. For example, in Qt QML I should be able to write something like:

Item {
    property color defaultColor: "blue";
    anchors.fill: context;

    ListView {
        model: ListModel {
            ListElement { value: "foo"; }
            ListElement { value: "bar"; }
            ListElement { value: "baz"; }
        }
        anchors.fill: parent;
        delegate: Rectangle {
            color: defaultColor;
            width: 100;
            height: 100;
            }
    }
}

and have defaultColor picked up from the outer scope. In pureqml this builds fine but then I get a runtime error of “invalid property requested defaultColor” (shown below). It works if I qualify the reference as parent.parent.defaultColor.

Thanks!

qml.app.js:1959 Context: initializing...
qml.app.js:5688 Context: window size: 394x656
qml.app.js:2003 Context: created instance
(index):42 Live reload enabled.
qml.app.js:1963 Context: signalling layout
qml.app.js:1966 Context: calling completed()
qml.app.js:1908 async action failed: Error: invalid property requested: 'defaultColor'
    at $core.Rectangle._globals.core.core.CoreObjectComponentPrototype._get (qml.app.js:440)
    at qml.app.js:2242
    at PropertyStorage._globals.core.core.PropertyStoragePrototype.replaceUpdater (qml.app.js:636)
    at $core.Rectangle.ObjectPrototype._replaceUpdater (qml.app.js:1382)
    at $core.ListView.<anonymous> (qml.app.js:2242)
    at $core.ListView.BaseViewPrototype._createDelegate (qml.app.js:3080)
    at $core.ListView.ListViewPrototype._createDelegate (qml.app.js:3439)
    at $core.ListView.ListViewPrototype._layout (qml.app.js:3552)
    at $core.ListView.BaseLayoutPrototype._doLayout (qml.app.js:2622)
    at $core.Context.callback (qml.app.js:2039) Error: invalid property requested: 'defaultColor'
    at $core.Rectangle._globals.core.core.CoreObjectComponentPrototype._get (http://172.22.162.66:8080/qml.app.js:440:9)
    at http://172.22.162.66:8080/qml.app.js:2242:78
    at PropertyStorage._globals.core.core.PropertyStoragePrototype.replaceUpdater (http://172.22.162.66:8080/qml.app.js:636:2)
    at $core.Rectangle.ObjectPrototype._replaceUpdater (http://172.22.162.66:8080/qml.app.js:1382:37)
    at $core.ListView.<anonymous> (http://172.22.162.66:8080/qml.app.js:2242:13)
    at $core.ListView.BaseViewPrototype._createDelegate (http://172.22.162.66:8080/qml.app.js:3080:15)
    at $core.ListView.ListViewPrototype._createDelegate (http://172.22.162.66:8080/qml.app.js:3439:55)
    at $core.ListView.ListViewPrototype._layout (http://172.22.162.66:8080/qml.app.js:3552:18)
    at $core.ListView.BaseLayoutPrototype._doLayout (http://172.22.162.66:8080/qml.app.js:2622:8)
    at $core.Context.callback (http://172.22.162.66:8080/qml.app.js:2039:11)
qml.app.js:1908 async action failed: Error: invalid property requested: 'defaultColor'
    at $core.Rectangle._globals.core.core.CoreObjectComponentPrototype._get (qml.app.js:440)
    at qml.app.js:2242
    at PropertyStorage._globals.core.core.PropertyStoragePrototype.replaceUpdater (qml.app.js:636)
    at $core.Rectangle.ObjectPrototype._replaceUpdater (qml.app.js:1382)
    at $core.ListView.<anonymous> (qml.app.js:2242)
    at $core.ListView.BaseViewPrototype._createDelegate (qml.app.js:3080)
    at $core.ListView.ListViewPrototype._createDelegate (qml.app.js:3439)
    at $core.ListView.ListViewPrototype._layout (qml.app.js:3552)
    at $core.ListView.BaseLayoutPrototype._doLayout (qml.app.js:2622)
    at $core.Context.callback (qml.app.js:2039) Error: invalid property requested: 'defaultColor'
    at $core.Rectangle._globals.core.core.CoreObjectComponentPrototype._get (http://172.22.162.66:8080/qml.app.js:440:9)
    at http://172.22.162.66:8080/qml.app.js:2242:78
    at PropertyStorage._globals.core.core.PropertyStoragePrototype.replaceUpdater (http://172.22.162.66:8080/qml.app.js:636:2)
    at $core.Rectangle.ObjectPrototype._replaceUpdater (http://172.22.162.66:8080/qml.app.js:1382:37)
    at $core.ListView.<anonymous> (http://172.22.162.66:8080/qml.app.js:2242:13)
    at $core.ListView.BaseViewPrototype._createDelegate (http://172.22.162.66:8080/qml.app.js:3080:15)
    at $core.ListView.ListViewPrototype._createDelegate (http://172.22.162.66:8080/qml.app.js:3439:55)
    at $core.ListView.ListViewPrototype._layout (http://172.22.162.66:8080/qml.app.js:3552:18)
    at $core.ListView.BaseLayoutPrototype._doLayout (http://172.22.162.66:8080/qml.app.js:2622:8)
    at $core.Context.callback (http://172.22.162.66:8080/qml.app.js:2039:11)