Background color does not change if closing one popup and opening another in javascript

import QtQuick 2.4
import Qt.labs.controls 1.0

ApplicationWindow {
    visible: true

    Popup {
        id: popup1
        modal: true
        closePolicy: Popup.OnPressOutside
        Label { text: "popup1" }
    }

    Popup {
        id: popup2
        modal: true
        closePolicy: Popup.OnPressOutside
        Label { text: "popup2" }
    }

    Button {
        text: "Test"
        onClicked: {
            popup1.open()
            popup1.close()
            popup2.open()
        }
    }
}