Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

No mobile device touch support for abstract "i" button #6

Open
rmseifried opened this issue Jan 11, 2023 · 0 comments
Open

No mobile device touch support for abstract "i" button #6

rmseifried opened this issue Jan 11, 2023 · 0 comments

Comments

@rmseifried
Copy link
Owner

Description

The default code exported from the qgis2web plugin does not allow for touch events on the abstract "i" button - on a desktop, clicking "i" expands the abstract, but on a mobile device, touching "i" does nothing. I suspect this is because there is JS code for the zoom controls, geocoder, and layers buttons that allows for touch actions, but the abstract collapse is dealt with only in the index.html file:

        abstract.onAdd = function (map) {
            this._div = L.DomUtil.create('div',
            'leaflet-control abstract');
            this._div.id = 'abstract'
            this._div.setAttribute("onmouseenter", "abstract.show()");
            this._div.setAttribute("onmouseleave", "abstract.hide()");
            this.hide();
            return this._div;
            };

            abstract.hide = function () {
              this._div.classList.remove("abstractUncollapsed");
              this._div.classList.add("abstract");
              this._div.innerHTML = 'i'
            }
            abstract.show = function () {
                this._div.classList.remove("abstract");
                this._div.classList.add("abstractUncollapsed");
                this._div.innerHTML = "Map of Patrick (Paddy) and Joan Leigh Fermors' first trip through the Deep Mani in the southern Peloponnese, Greece, in July 1951. For more information about the data and methodology behind this map, see the article <em>Mapping the Leigh Fermors’ Journey through the Deep Mani in 1951</em> by R.M. Seifried, C.A.M. Gardner, and M. Tatum (link will be added when it is published). Data for the web map are available on <a href='https://github.com/rmseifried/leigh-fermors'>GitHub</a>.";
        };

Related issues

qgis2web/qgis2web#863
qgis2web/qgis2web#904

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant