Attachment 348662 Details for Bug 189152 – Here's the small HTML testcase attach

Here's the small HTML testcase attach

index.html (text/html), 1.32 KB, created by Aaron on 2018-08-31 12:35:31 PDT

(hide)

Description:

Filename:

MIME Type:

Creator: Aaron

Created: 2018-08-31 12:35:31 PDT

Size: 1.32 KB

patch

obsolete

>
>
>
>
><!doctype html>
><html lang="en">
><head>
><meta charset="utf-8">
><title>Text Gradient</title>
><style>
>* {margin:0;padding:0;font-family: sans-serif;text-align: center}
>body {
>	background: black;
>	color: white;
>	padding: 0 40px;
>}
>h1 {
>background: -webkit-linear-gradient(45deg, #f4bb33 20%, #00ff95);
>-webkit-background-clip: text;
>-webkit-text-fill-color: transparent;
>display: inline-block;
>font-size: 200px;
>}
>h1 .block {display: block;}
>h1 .inline-block {display: inline-block;}
></style>
></head>
><body>
>
>	<h1>Hello World</h1>
>	<p>Both Safari and Safari Technology Preview works as well as Chrome and Firefox. This H1 does not have any tags inside.</p>
>	<br>
>	<h1>Hello <span class="block">World</span></h1>
>	<p>Does not work with Safari and Safari Technology Preview with tag inside. Highlight (CMD + A) this page and then remove the highlight and it's right there. This H1 does have SPAN tag inside and is set to "display: block". Works normal on Chrome and Firefox.</p>
>	<h1>Hello <span class="inline-block">World</span></h1>
>	<p>Does not work with Safari and Safari Technology Preview with tag inside. Highlight (CMD + A) this page and then remove the highlight but does not work. The "World" is nowhere to be seen. This H1 does have SPAN tag inside and is set to "display: inline-block". Does not work on Chrome and Firefox.</p>
>
></body>
></html>




<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Text Gradient</title>
<style>
* {margin:0;padding:0;font-family: sans-serif;text-align: center}
body {
	background: black;
	color: white;
	padding: 0 40px;
}
h1 {
background: -webkit-linear-gradient(45deg, #f4bb33 20%, #00ff95);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
display: inline-block;
font-size: 200px;
}
h1 .block {display: block;}
h1 .inline-block {display: inline-block;}
</style>
</head>
<body>

	<h1>Hello World</h1>
	<p>Both Safari and Safari Technology Preview works as well as Chrome and Firefox. This H1 does not have any tags inside.</p>
	<br>
	<h1>Hello <span class="block">World</span></h1>
	<p>Does not work with Safari and Safari Technology Preview with tag inside. Highlight (CMD + A) this page and then remove the highlight and it's right there. This H1 does have SPAN tag inside and is set to "display: block". Works normal on Chrome and Firefox.</p>
	<h1>Hello <span class="inline-block">World</span></h1>
	<p>Does not work with Safari and Safari Technology Preview with tag inside. Highlight (CMD + A) this page and then remove the highlight but does not work. The "World" is nowhere to be seen. This H1 does have SPAN tag inside and is set to "display: inline-block". Does not work on Chrome and Firefox.</p>

</body>
</html>

Actions: View

Attachments on bug 189152: 348662 | 472093