Font size becomes bigger when I tap on link

I experience an irritating behaviour on the https://www.lino-framework.org/ website (which is build using insipid theme). It happens reproducibly on my Android phone (Ecosia and Chrome). Cannot reproduce it on any desktop browser.
When I tap on a link in the second paragraph of that page, I would expect that link to open. But instead, the font size becomes a bit bigger, causing the paragraph to reflow. I must tap a second time on the link to open it.
I will add a screencast of the behaviour to show you.

Screenrecorder-2021-05-12-06-48-19-410.mp4

Thanks for the report!

This is very strange, though.

Unfortunately, I cannot reproduce it on my Android phone (I tried with Firefox and Chrome).

Does this only happen in paragraphs with external (i.e. underlined) links?

If yes, it might have something to do with this:

insipid-sphinx-theme/src/insipid_sphinx_theme/insipid/static/insipid.css_t

Lines 244 to 247 in 23e30fa

    
           a.external:hover { 
        
               text-decoration: none; 
        
               border-bottom: none; 
        
           }

Ha, that was a good hint! In my local copy of the insipid.css_t file (line 246) I changed the border-bottom of a.external:hover from none to 1px dotted #000000 and rebuilt the website, and now the strange behaviour has gone. Don't ask me why. Yes, it happened only in paragraphs with external links. I have Android version 10 QP1A.190711.020.

IOW I would be glad if you can do the same change in the official inispid.css_t because otherwise my problem would come back after my next insipid upgrade.

Thanks for the update.

So the dotted line becomes black on hover?

Could you please make a PR?

Changing the underline to black is barely visible, so I tried changing it to transparent instead: #51.

What do you think?
Does that work for you?

	a.external:hover {
	text-decoration: none;
	border-bottom: none;
	}