Markup errors
-
Put your markdown errors here. yelling at blubar or is optional but it may make you feel better about the bugs.
- Images with a manual class fail unless they are not alone on a line.
This image has the class "emoji" but it doesn't apply the style
This image has the class "emoji" and does apply the style
This image has the class "emoji" and doesn't apply the style because the line above has an html tag
2. Username "emoji" go bonkers. source
I've tried to reproduce that one, half way through that post the emoji stops working for apparently no reason i can find.
How many more bugs can you find?
-
-
@nedfodder That's what I see too.
-
@nedfodder It's hard to judge whether the screenshot is correct or not without knowing what the "emoji" class implies. Is it supposed to resize the image to a square?
-
@blakeyrat said in Markup errors:
Is it supposed to resize the image to a square?
To emoji size, yes
-
@raceprouk Well the CSS is demented, but it looks like it gets assigned both .img-responsive and .emoji, and the former overrides the "square-ness" of the latter by setting the width to auto.
Whether this works as intended, it's hard to say what's even intended here.
-
@raceprouk said in Markup errors:
@blakeyrat said in Markup errors:
Is it supposed to resize the image to a square?
To emoji size, yes
The non-square emoji are
-
Not all of our emojis are square: and the CSS rule for our custom ones
.emoji[data-set-id="tdwtf"]
only enforces height. I'd say 20px high and not necessarily square is closer to the desired behaviour. In any case, all the images in the OP have the same classes and all look the same.
-
@blakeyrat said in Markup errors:
@nedfodder It's hard to judge whether the screenshot is correct or not without knowing what the "emoji" class implies. Is it supposed to resize the image to a square?
Yes... actually it just forces the height to 20px, but doesn't force it to be square, because some emoji aren't square. It also suppresses the image border.
Image without emoji class:
Image with emoji class:
Apparently there is a bug with the class inside the preview... this style:
...isn't getting applied because, for some reason, the image doesn't have the
img-responsive
class in some cases:
-
@anotherusername
E_NO_REPRO
Chrome 59.0.3071.115
-
@e4tmyl33t the bug is only in the composer's preview pane. After submitting the post, the
emoji
class works as expected.
-
@nedfodder said in Markup errors:
.... i SWEAR that was broken in the live as well, not just the preview