paper-dialog and paper-transition-center does not show when toggle() called

Question

I have the following code

element.html

Home.html

and for completeness

App.js

document.addEventListener('polymer-ready', function () {
    var navicon = document.getElementById('navicon');
    var addMap = document.getElementById('addMap');
    var drawerPanel = document.getElementById('drawerPanel');

    navicon.addEventListener('click', function () {
        drawerPanel.togglePanel();
    });

    addMap.addEventListener('click', function () {
        try {
            if (document.querySelector('#dlgAddMap')) {
                document.querySelector('#dlgAddMap').toggle();
            }
            else {
                alert('Cannot find the Add Map Dialog');
            }
        }
        catch ( e )
        {
            alert(e.message);
        }
    });
});

The trouble is even when I click the paper-fab button I have not been able to get the dialog to show. Although you see the click even accepted by the button, nothing happens.

Paul S Chapman · Accepted Answer

The answer in the end was with the imports. The polymer download uses an underline with the bower_components but uses a dash ('-') in the name of the folders and filenames for components. It was corrected by just correcting the entries in the elements.html

paper-dialog and paper-transition-center does not show when toggle() called

Answers (1)

Related Questions