Skip to content

Instantly share code, notes, and snippets.

@hteumeuleu

hteumeuleu/owa-character-bug.html Secret

Created July 20, 2016 15:21
Show Gist options
  • Save hteumeuleu/c8390bb1fd1702c4f2859f9d8177dfd0 to your computer and use it in GitHub Desktop.
Save hteumeuleu/c8390bb1fd1702c4f2859f9d8177dfd0 to your computer and use it in GitHub Desktop.
Download ZIP
Outlook Web App Special Character Bug
Raw
owa-character-bug.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>OWA Special Character Bug</title>
<style>
.box {
display:inline-block; width:50px; height:50px; padding:10px; margin:5px; background:#e4505d; font:bold 1em sans-serif; color:#fff; vertical-align: top;
}
</style>
</head>
<body>
<div class="box" style="background:#3cbc67; foo:bar; font-size:32px;">foo</div>
<div class="box" style="background:#3cbc67; foo:💩 ; font-size:32px;">💩</div>
<div class="box" style="background:#3cbc67; foo:§ ; font-size:32px;">§</div>
<div class="box" style="background:#3cbc67; foo:£ ; font-size:32px;">£</div>
<div class="box" style="background:#3cbc67; foo:- ; font-size:32px;">-</div>
<div class="box" style="background:#3cbc67; foo:+ ; font-size:32px;">+</div>
<div class="box" style="background:#3cbc67; foo:= ; font-size:32px;">=</div>
<div class="box" style="background:#3cbc67; foo:* ; font-size:32px;">*</div>
<div class="box" style="background:#3cbc67; foo:/ ; font-size:32px;">/</div>
<div class="box" style="background:#3cbc67; foo:$ ; font-size:32px;">$</div>
<div class="box" style="background:#3cbc67; foo:% ; font-size:32px;">%</div>
<div class="box" style="background:#3cbc67; foo:\ ; font-size:32px;">\</div>
<div class="box" style="background:#3cbc67; foo:` ; font-size:32px;">`</div>
<div class="box" style="background:#3cbc67; foo:& ; font-size:32px;">&amp;</div>
<div class="box" style="background:#3cbc67; foo:@ ; font-size:32px;">@</div>
<div class="box" style="background:#3cbc67; foo:^ ; font-size:32px;">^</div>
<div class="box" style="background:#3cbc67; foo:{ ; font-size:32px;">{</div>
<div class="box" style="background:#3cbc67; foo:} ; font-size:32px;">}</div>
<div class="box" style="background:#3cbc67; foo:[ ; font-size:32px;">[</div>
<div class="box" style="background:#3cbc67; foo:] ; font-size:32px;">]</div>
<div class="box" style="background:#3cbc67; foo:( ; font-size:32px;">(</div>
<div class="box" style="background:#3cbc67; foo:) ; font-size:32px;">)</div>
<div class="box" style="background:#3cbc67; foo:. ; font-size:32px;">.</div>
<div class="box" style="background:#3cbc67; font-size:.5em;">.5em</div>
<div class="box" style="background:#3cbc67; font-size:0.5em;">0.5em</div>
<div class="box" style="background:#3cbc67; foo:? ; font-size:32px;">?</div>
<div class="box" style="background:#3cbc67; foo:| ; font-size:32px;">|</div>
<div class="box" style="background:#3cbc67; foo:< ; font-size:32px;">&lt;</div>
<div class="box" style="background:#3cbc67; foo:> ; font-size:32px;">&gt;</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment