We noticed that the show quoted text link doesn't work in the mobile view, on some browsers. It looks like a link, but it's not clickable.
I looked into this because a colleague noticed it on an iPad or iPhone. I tested it with an up-to-date Chrome on Windows and... same problem!
I debugged the thing and it turns out that the show quoted text text is not a proper DOM element, but added by a CSS :after pseudo-element. Not all browsers regard that as part of the link for all purposes. So FogBugz/jQuery cannot configure its click event (nor cursor).
This minimal code sample demonstrates the issue:
<html>
<head>
<style type="text/css">
.quote .show-quoted-text::after { content: "hide quoted text"; }
.quote.hidden .show-quoted-text::after { content: "show quoted text"; }
.quote.hidden .content { display: none; }
</style>
</head>
<body>
<div class="quote hidden">
<a href class="show-quoted-text">Click </a>
<div class="content">(this is the quoted text)</div>
</div>
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript">
</script>
<script language="Javascript">
$(".show-quoted-text").click(function(D) {
$(this).parents(".quote:first").toggleClass("hidden");
return D.preventDefault();
});
</script>
</body>
</html>
The show quoted text 'link' is not clickable. Clicking Click does work, but FogBugz doesn't have any such text within the link.
I guess a fix would be to wrap the <a> in a clickable <div> or something.
So... how do I show quoted texts in the mobile view?
