Stuck on an issue?
Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.
And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.
Option to hide title on hover
See original GitHub issueUse Case:
We are displaying QR Code on website and it is going to be scanned by our mobile app.
Issue:
When user hovers over the QR Code on website it displays the JSON data which we have passed in qrdata which looks bad for our UX
Recommended Solution:
A parameter named hidetitle of type boolean
Current Hack:
Use pointer-events property of css and set it to none.
I have reproduced this on stackblitz.
Issue Analytics
- State:
- Created 6 years ago
- Comments:11 (2 by maintainers)
Top Results From Across the Web
Hiding title tags on hover - html - Stack Overflow
This should work just fine to disable single title: ... A simple alternative is to use CSS on the container of the image...
Read more >Hide Titles On Hover: hide tooltip when hover on links
This plugin has no options. But if you don't want to hide the tooltips on hover on specific pages, you can still do...
Read more >Hide title attribute on hover, but don't remove - Spigot Design
A way to remove the title attribute from an element on hover, but put it back for use later. A handy jQuery script....
Read more >Configuration options in JavaScript - Plotly
When users hover over a figure generated with plotly.js , a modebar appears in the top-right of the figure. This presents users with...
Read more >Remove the title that appears when hovering over an image in ...
This is the fastest method. No need to install a new extension, Divi allows us to do this from its options. ... Here...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
If you want to hide the title attribute on the QR Code, you just have to add [attr.title]=“‘’” on the component html tag.
google a lot on this, and finally, find below piece of code working, use > style=“pointer-events: none” Example >
<div class="qrscan"> <qrcode [qrdata]="angularxQrCode" style="pointer-events: none" [size]="150" [level]="M"></qrcode> </div>