add abstract - no touch function

[jukos]

Hello, the function "add abstract" shows within android tablet the icon, but without a link/connection - no touch function. I can not open the text window. Mouse click is ok.

Export with leaflet

[tomchadwin]

Any ideas, @riccardoklinger?

[tomchadwin]

By the way, please limit issues to one per thread. Thanks.

[jukos]

OK. Modified.

[riccardoklinger]

Can you share your abstract string? Unfortunately I don't have an Android device so no option to test this on my side. maybe this will be fixed with the removal of this leaflet-bar css class in the last commit to master with tikcet #865 ? Can you check please @jukos

[jukos]

Unfortunately no improvement. No touch function. Independent of the project. I use only the original export files for an URL, for example to: www.url.de/qgis2web

[Jeroen-GroeneBij]

Hi,

Using qgis 3.10.4 and q2w 3.13 I have tested this issue, but for me the link functionality works fine with a Leaflet map on Android/Chrome combination (on my mobile phone). I can touch/press the link in the abstract and it opens a new webpage.

[jukos]

Test before: Windows 10 QGIS 3.4.15: no touch function test today: Windows 10 QGIS 3.10.5 / qgis2web 3.13 (with and without changes (master)) : no touch function with tablet and phone Android 9 chrome and firefox @Jeroen-GroeneBij Which Android version?

Hmm.......it must be differences....

[Jeroen-GroeneBij]

Tested it with Android 7.1.1, Chrome 80.0 I have just build two quick webmaps for testing. Text is in Dutch but the links should work. www.groenebij.nl/Demo/testlink is using the standard q2w 3.13 www.groenebij.nl/Demo/testlink2 is using the modified q2w with the #865 fix.

[jukos]

Ok. Thank you for the examples. In your cases i can not see an icon. I can see the always open popup, whether I look at the map on the pc or on the tablets (chrome android 5 and 9). Your second map:

Screenshot of my map: PC: Mouseover: Popup OK Android: no touch function - no popup

Now we have

• nearly the same QGIS version
• test qgis2web with and without the 865 fix

= with different solution

This I can not understand. I tested also different settings within qgis2web. No changes.

@Jeroen-GroeneBij You use QGIS for Windows 10 or another system?

Greetings

[Jeroen-GroeneBij]

Weird, I don't get this i icon. The abstract is always open. In the q2w gui I can only choose it's position (which corner), but not whether it is collapsed or expanded.

Yes, I am using QGIS on windows10.

[jukos]

Could you make your test project available for download?

[Jeroen-GroeneBij]

testproject.zip

This zip contains the qgis project file and the map files. Is this what you need?

[jukos]

OK. Your text for the popup is this: Komt dit in de abstract? Ja, en wat gebeurt er met een <a href="https://www.groenebij.nl"> link naar groene bij</a> in deze abstract? Zien we dat allemaal terug? En kan ik er ook op klikken op android?

If you change the code/text to this one: <span style="font-size: 13px;">Komt dit in de abstract? Ja, en wat gebeurt er met een&nbsp;<a href="https://www.groenebij.nl">link naar groene bij</a> in deze abstract? Zien we dat allemaal terug? En kan ik er ook op klikken op android?</span>

you can see the icon as I can see.

Edit

What we know: The pc or android (or QGIS) version is not important.

[Jeroen-GroeneBij]

Why do you use <span>? To set the font size?

Looking back through the issues I found #802 where a minimum char number is set to 240. If the abstract has over 240 chars, it will change to 'collapsed', the i icon. I did not know this. Your changes make the abstract have 243 chars and thus turn it into 'collapsed. So it probably is not about <span> or other code changes.

And now I can confirm the collapsed abstract does not respond to Touch on Android/Chrome. I have also found other behaviour: Apple Ipad - Safari: no respond to touch Windows10 - Edge, abstract will show after long touch Windows 10 - Chrome, abstract will show after short touch

[jukos]

Ahh! 240 chars.....OK. Good to know. .....no more span...... Now I hope, the programmers have any ideas.

[Jeroen-GroeneBij]

The abstract is an l.control and uses the Interaction events mouseenter and mouseleave to toggle between collapsed and uncollapsed. According to the Leaflet documentation, this only works with use of a mouse. I have tried replacing it with onclick (show) and ondblclivk (hide). Well, onclick works with touch, but I can't get it to hide again. The dblclick moves and zooms the map, but does not close/hide the abstract. This is about as far as I get with understanding html, java, leaflet, etc.