Chrome bug when 'div' inside an anchor tag in HTML

 Chrome behaved strangely when I put a 'div' inside an anchor ('a') tag.


Chrome put the 'div' after the anchor tag rather than inside it.


I fixed this by changing the 'div' tags to 'span' tags and set the 'span' tags to 'display: inline-block'.


However, it seems the HTML5 specification says that you can put an anchor tag around most tags.


There are discussions about this on 'stackoverflow.com'.


My 'div' contains other 'divs'. The anchor tag is inside some complex HTML - a simpler example worked fine.


I am using an old version of Chrome: the last version on Windows7 from the start of 2024. 


(My local library has not upgraded from Windows7 yet. The library has instead installed a more recent version of Firefox. Sadly some websites like 'Outlook' and 'Pinterest' do not completely work with the old version of Chrome)


The 'divs' are for an RSS icon made in CSS from:


    'codepen.io/dazulu/pen/nwppvr'


I put the RSS icon alongside a few other website symbols for Facebook, X and so on.


It would be best to use an SVG, but my very old Konqueror browser at home does not show SVG's in an HTML page. Also I can learn more about CSS.


I now need to use 'currentTarget' on a 'click' event on the anchor tag because if I click on a child 'div' and the event bubbles up to the anchor then the 'target' property is the child not the parent. I want the 'href' property on the parent so I can open the link in a new tab



There are more tips at: bbingo.xyz/techtips/




Comments

Post a Comment

Popular posts from this blog

Steve Jobs quotes

 There are some good quotes from Steve Jobs at 'wikiquote.org'. Here are some:     - "I would trade all of my technology for an afternoon with Socrates",     - "Real artists ship",     - "Do you want to spend the rest of your life selling sugared water or do you want a chance to change the world?",     - "It's more fun to be a pirate than to join the Navy",     - "The only problem with Microsoft is they just have no taste",     - "We hired truly great people and gave them the room to do great work",     - "The management philosophy here really is to give people enough rope to hang themselves",     - "You've got to start with the customer experience and work backwards to the technology",     - "Nobody has tried to swallow us since I've been here. I think they are afraid how we would taste.",     - "It looks like it's from another planet. A good planet. A planet with bet
Read more

Dark mode using 'invert' does not work on Firefox

 Implementing 'dark mode' with 'invert' on the 'html' tag does not seem to work on the old Firefox used in my local libraries. This version of Firefox does not invert the background. This Firefox just inverts the elements you add. The Firefox developers feel they are following the specification. Using 'invert' when there is an 'overlay' scrollbar on Chrome sometimes makes the scrollbar disappear. I am using the last version of Chrome on Windows7. I understand 'overlay' scrollbars have been removed from the latest versions of Chrome. Of course, a dark scrollbar on a black background does not make sense. So I would need to use 'color-scheme' to change the color of the scrollbar. But 'invert' does not work well with 'color-scheme'. I could not set the colour of this 'overlay' scrollbar with properties like '-webkit-scrollbar-thumb'.  So I am going to have to implement 'dark mode' by setting the
Read more

U.S. government uses internet backdoors for surveillance

 I read a thought-provoking book: 'Surveillance Valley' by Yasha Levine. The author says the internet started with the ARPANET, used by the U.S. military. The author says this was used for counter-insurgency work in Vietnam. The author says ARPANET was used to share data on protests in the U.S. The author says Edward Snowden leaked details of the PRISM project showing that companies such as Google and Facebook worked with the U.S. government to give the government direct access to all the very detailed information these companies hold about you.  The author says the Tor project is mainly funded by the U.S. government to encourage regime change in hostile countries. The author says Tor has holes in it. The author says the U.S. government can get around Tor and Signal by hacking your mobile phone. The author says Tor and Signal give people a false sense of security and so prevents the regulation of Google and Facebook's data collection. I got the book from my local library Th
Read more