Bootstrap: Ugly buttons on lazy loaded anchor tags

Created on 31 Aug 2017  路  2Comments  路  Source: twbs/bootstrap

Version 4

If the anchor URL is lazy loaded into it (which is common if you are using e.g. angular or react), the buttons don't have href on page load for some time and because of this style buttons inherit the text color for sometime and look ugly, it would be great if there was a way to disable this style inheritance on specific anchor tags.

image

css v4

Most helpful comment

arguably, what this form of lazy loading is doing is to first inject "anchors" into the page (<a> elements without an href), and only later turning them into actual links (<a href="..."). The more fundamental fix would probably be for the lazy load not to inject one type of content and then changing its nature, but rather starting off with injecting actual links (even if their href="#" or something).

All 2 comments

arguably, what this form of lazy loading is doing is to first inject "anchors" into the page (<a> elements without an href), and only later turning them into actual links (<a href="..."). The more fundamental fix would probably be for the lazy load not to inject one type of content and then changing its nature, but rather starting off with injecting actual links (even if their href="#" or something).

Closing as a won't fix.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

bellwood picture bellwood  路  3Comments

leomao10 picture leomao10  路  3Comments

kamov picture kamov  路  3Comments

ghost picture ghost  路  3Comments

MrCsabaToth picture MrCsabaToth  路  3Comments