So maybe I'm just overlooking something super basic but this is stumping me. I have an extremely simple test case: a plain HTML page, simple as can be, with two paragraphs and an unordered list, which has an ID, and one list item in the list. Here's what's baffling me:
- If the
<ul>'sidattribute issocial-media, then the list item inside the list will not be rendered by Firefox for Android. - If the
<ul>does not have anidattribute or has anidattribute whose value is literally anything other thansocial-media, then the list item inside the list will be rendered.
Is social-media a reserved ID value? For completeness, here's the entire test case, where the list item will not show up:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Missing List Item Test Case</title>
</head>
<body>
<p>This paragraph is visible.</p>
<ul id="social-media">
<li>This list item is not visible if and only if the parent UL has an ID of "social-media". Why?</li>
</ul>
<p>This paragraph is also visible.</p>
</body>
</html>
Also for completeness, my Android device is running KitKat (4.4.x) and my Firefox is version 35. There are no software updates available for either.
In what circumstances can the value of an ID attribute alone, without any CSS files or other styling information, cause a rendering disparity on only one browser? Is this a bug in Firefox?
Edited to add: Looks like Firefox also refuses to display the list item if the <ul> element's id value is socialmedia (no dash), but will display the list item if the id value is something like blahblahblah or societysucks and basically anything else.
This must be a dream. Right?
RESOLVED: Turns out hiding elements who ID value "look like social media" is a feature of AdBlock, which I hadn't realized was enabled. Disabling AdBlock returns Firefox to the behavior I would expect for consensus reality. Thank you to tzhx for the sanity check.
Aucun commentaire:
Enregistrer un commentaire