wuggy/Dactyloidae
wuggy/Dactyloidae
1
0
Fork 0
mirror of https://repo.dactyloidae.xyz/Dactyloidae/UXP.git synced 2026-09-08 16:58:38 +09:00
Code Issues Projects Releases Packages Wiki Activity

import FIREFOX_52_6_0esr_RELEASE from mozilla-esr52 hg repo

Browse source
This commit is contained in:
Roy Tam 2018-01-19 03:59:58 +08:00
commit dcd9973243
150858 changed files with 23884658 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

7
layout/reftests/css-invalid/input/input-button-ref.html Normal file
View file

@ -0,0 +1,7 @@
<!DOCTYPE html>
<html>
<link rel='stylesheet' type='text/css' href='style.css'>
<body>
<input type='button' class='ref'>
</body>
</html>

9
layout/reftests/css-invalid/input/input-button.html Normal file
View file

@ -0,0 +1,9 @@
<!DOCTYPE html>
<html>
<!-- Test: if input is of button type, it is barred from constraint validation
and should not be affected by :invalid pseudo-class. -->
<link rel='stylesheet' type='text/css' href='style.css'>
<body>
<input class='notinvalid' type='button'>
</body>
</html>

18
layout/reftests/css-invalid/input/input-customerror.html Normal file
View file

@ -0,0 +1,18 @@
<!DOCTYPE html>
<html class="reftest-wait">
<head>
<script>
function doTest() {
document.getElementById('t').setCustomValidity('foo');
document.documentElement.className='';
}
document.addEventListener("MozReftestInvalidate", doTest, false);
</script>
</head>
<!-- Test: if input has a custom error, it should be affected by :invalid
pseudo-class. -->
<link rel='stylesheet' type='text/css' href='style.css'>
<body>
<input class='invalid' id='t'>
</body>
</html>

14
layout/reftests/css-invalid/input/input-disabled-fieldset-1.html Normal file
View file

@ -0,0 +1,14 @@
<!DOCTYPE html>
<html>
<!-- Test: if input has a disabled fieldset ancestor, it is barred from
constraint validation and should not be affected by :invalid
pseudo-class. -->
<link rel='stylesheet' type='text/css' href='style.css'>
<body>
<fieldset disabled>
<fieldset>
<input class='notinvalid' required>
</fieldset>
</fieldset>
</body>
</html>

23
layout/reftests/css-invalid/input/input-disabled-fieldset-2.html Normal file
View file

@ -0,0 +1,23 @@
<!DOCTYPE html>
<html class="reftest-wait">
<!-- Test: if input has a disabled fieldset ancestor, it is barred from
constraint validation and should not be affected by :invalid
pseudo-class. -->
<link rel='stylesheet' type='text/css' href='style.css'>
<script>
function onloadHandler()
{
var fieldsets = document.getElementsByTagName("fieldset");
fieldsets[1].disabled = true;
fieldsets[0].disabled = false;
document.documentElement.className='';
}
</script>
<body onload="onloadHandler();">
<fieldset disabled>
<fieldset>
<input class='notinvalid' required>
</fieldset>
</fieldset>
</body>
</html>

9
layout/reftests/css-invalid/input/input-disabled.html Normal file
View file

@ -0,0 +1,9 @@
<!DOCTYPE html>
<html>
<!-- Test: if input is disabled, it is barred from constraint validation
and should not be affected by :invalid pseudo-class. -->
<link rel='stylesheet' type='text/css' href='style.css'>
<body>
<input class='notinvalid' disabled>
</body>
</html>

18
layout/reftests/css-invalid/input/input-dyn-disabled.html Normal file
View file

@ -0,0 +1,18 @@
<!DOCTYPE html>
<html class="reftest-wait">
<!-- Test: if input is disabled and invalid, it is barred from constraint
validation and should not be affected by :invalid pseudo-class. -->
<link rel='stylesheet' type='text/css' href='style.css'>
<script>
function onLoadHandler()
{
var e = document.getElementById('i');
e.setCustomValidity('foo');
e.disabled = 'true';
document.documentElement.className='';
}
</script>
<body onload="onLoadHandler();">
<input class='notinvalid' id='i'>
</body>
</html>

19
layout/reftests/css-invalid/input/input-dyn-not-disabled.html Normal file
View file

@ -0,0 +1,19 @@
<!DOCTYPE html>
<html class="reftest-wait">
<!-- Test: if input is not disabled and invalid, it is candidate for
constraint validation and should be affected
by :invalid pseudo-class. -->
<link rel='stylesheet' type='text/css' href='style.css'>
<script>
function onLoadHandler()
{
var e = document.getElementById('i');
e.setCustomValidity('foo');
e.removeAttribute('disabled');
document.documentElement.className='';
}
</script>
<body onload="onLoadHandler();">
<input class='invalid' id='i' disabled>
</body>
</html>

9
layout/reftests/css-invalid/input/input-dyn-not-readonly.html Normal file
View file

@ -0,0 +1,9 @@
<!DOCTYPE html>
<html class="reftest-wait">
<!-- Test: if input is no longer readonly, it is candidate for constraint
validation and should be affected by :invalid pseudo-class. -->
<link rel='stylesheet' type='text/css' href='style.css'>
<body onload="document.getElementById('i').removeAttribute('readonly'); document.documentElement.className='';">
<input class='invalid' id='i' readonly required>
</body>
</html>

9
layout/reftests/css-invalid/input/input-dyn-readonly.html Normal file
View file

@ -0,0 +1,9 @@
<!DOCTYPE html>
<html class="reftest-wait">
<!-- Test: if input is readonly, it is barred from constraint validation
and should not be affected by :invalid pseudo-class. -->
<link rel='stylesheet' type='text/css' href='style.css'>
<body onload="document.getElementById('i').readOnly='ro'; document.documentElement.className='';">
<input class='notinvalid' id='i' required>
</body>
</html>

10
layout/reftests/css-invalid/input/input-email-invalid.html Normal file
View file

@ -0,0 +1,10 @@
<!DOCTYPE html>
<html>
<!-- Test: if input isn't valid nor barred from constraint validation,
it should be affected by :invalid pseudo-class. -->
<link rel='stylesheet' type='text/css' href='style.css'>
<body>
<input class='invalid' type='email' value='foo'>
</body>
</html>

7
layout/reftests/css-invalid/input/input-email-ref.html Normal file
View file

@ -0,0 +1,7 @@
<!DOCTYPE html>
<html>
<link rel='stylesheet' type='text/css' href='style.css'>
<body>
<input value='foo@bar.com' class='ref'>
</body>
</html>

10
layout/reftests/css-invalid/input/input-email-valid.html Normal file
View file

@ -0,0 +1,10 @@
<!DOCTYPE html>
<html>
<!-- Test: if input is valid and not barred from constraint validation,
it should not be affected by :invalid pseudo-class. -->
<link rel='stylesheet' type='text/css' href='style.css'>
<body>
<input class='notinvalid' type='email' value='foo@bar.com'>
</body>
</html>

11
layout/reftests/css-invalid/input/input-fieldset-legend-ref.html Normal file
View file

@ -0,0 +1,11 @@
<!DOCTYPE html>
<html>
<link rel='stylesheet' type='text/css' href='style.css'>
<body>
<fieldset>
<legend>
<input class='ref'>
</legend>
</fieldset>
</body>
</html>

14
layout/reftests/css-invalid/input/input-fieldset-legend.html Normal file
View file

@ -0,0 +1,14 @@
<!DOCTYPE html>
<html>
<!-- Test: if input has a disabled fieldset ancestor, but is in the first
legend, it is not barred from constraint validation and should be
affected by :invalid pseudo-class. -->
<link rel='stylesheet' type='text/css' href='style.css'>
<body>
<fieldset disabled>
<legend>
<input class='invalid' required>
</legend>
</fieldset>
</body>
</html>

11
layout/reftests/css-invalid/input/input-fieldset-ref.html Normal file
View file

@ -0,0 +1,11 @@
<!DOCTYPE html>
<html>
<link rel='stylesheet' type='text/css' href='style.css'>
<body>
<fieldset>
<fieldset>
<input class='ref'>
</fieldset>
</fieldset>
</body>
</html>

7
layout/reftests/css-invalid/input/input-image-ref.html Normal file
View file

@ -0,0 +1,7 @@
<!DOCTYPE html>
<html>
<link rel='stylesheet' type='text/css' href='style.css'>
<body>
<input type='image' class='ref'>
</body>
</html>

9
layout/reftests/css-invalid/input/input-image.html Normal file
View file

@ -0,0 +1,9 @@
<!DOCTYPE html>
<html>
<!-- Test: if input is of button type, it is barred from constraint validation
and should not be affected by :invalid pseudo-class. -->
<link rel='stylesheet' type='text/css' href='style.css'>
<body>
<input class='notinvalid' type='image'>
</body>
</html>

10
layout/reftests/css-invalid/input/input-pattern-invalid.html Normal file
View file

@ -0,0 +1,10 @@
<!DOCTYPE html>
<html>
<!-- Test: if input isn't valid nor barred from constraint validation,
it should be affected by :invalid pseudo-class. -->
<link rel='stylesheet' type='text/css' href='style.css'>
<body>
<input class='invalid' pattern='bar' value='foo'>
</body>
</html>

10
layout/reftests/css-invalid/input/input-pattern-valid.html Normal file
View file

@ -0,0 +1,10 @@
<!DOCTYPE html>
<html>
<!-- Test: if input is valid and not barred from constraint validation,
it should not be affected by :invalid pseudo-class. -->
<link rel='stylesheet' type='text/css' href='style.css'>
<body>
<input class='notinvalid' pattern='foo' value='foo'>
</body>
</html>

8
layout/reftests/css-invalid/input/input-radio-checked-ref.html Normal file
View file

@ -0,0 +1,8 @@
<!DOCTYPE html>
<html>
<link rel='stylesheet' type='text/css' href='style.css'>
<body>
<input type='radio' class='ref' checked>
<input type='radio' class='ref'>
</body>
</html>

11
layout/reftests/css-invalid/input/input-radio-customerror.html Normal file
View file

@ -0,0 +1,11 @@
<!DOCTYPE html>
<html class="reftest-wait">
<!-- Test: if one radio in a group is suffering from a custom error, the other
radio should not be invalid. -->
<link rel='stylesheet' type='text/css' href='style.css'>
<body onload="document.getElementById('i1').setCustomValidity('foo');
document.documentElement.className='';">
<input class='invalid' id='i1' name='foo' type='radio'>
<input class='notinvalid' id='i2' name='foo' type='radio'>
</body>
</html>

11
layout/reftests/css-invalid/input/input-radio-dyn-valid-1.html Normal file
View file

@ -0,0 +1,11 @@
<!DOCTYPE html>
<html class="reftest-wait">
<!-- Test: when there are no radio suffering from being missing in the radio
group, all radio should not suffer from being missing. -->
<link rel='stylesheet' type='text/css' href='style.css'>
<body onload="document.getElementById('i1').checked = true;
document.documentElement.className='';">
<input class='notinvalid' id='i1' name='foo' type='radio' required>
<input class='notinvalid' id='i2' name='foo' type='radio'>
</body>
</html>

11
layout/reftests/css-invalid/input/input-radio-dyn-valid-2.html Normal file
View file

@ -0,0 +1,11 @@
<!DOCTYPE html>
<html class="reftest-wait">
<!-- Test: when there are no radio suffering from being missing in the radio
group, all radio should not suffer from being missing. -->
<link rel='stylesheet' type='text/css' href='style.css'>
<body onload="document.getElementById('i1').required = false;
document.documentElement.className='';">
<input class='notinvalid' id='i1' name='foo' type='radio' required>
<input class='notinvalid' id='i2' name='foo' type='radio'>
</body>
</html>

30
layout/reftests/css-invalid/input/input-radio-focus-click.html Normal file
View file

@ -0,0 +1,30 @@
<!DOCTYPE html>
<html>
<body class="reftest-wait">
<!-- See bug 658282. -->
<link rel='stylesheet' type='text/css' href='style.css'>
<script>
function loadHandler() {
var button = document.getElementsByTagName('button')[0];
var radios = document.getElementsByName('foo');
button.onclick = function() {
for (var i = 0; i < radios.length; i++) {
radios[i].checked = false;
}
button.parentNode.removeChild(button);
document.documentElement.className='';
};
radios[0].focus();
radios[0].checked = true;
button.focus();
button.click();
}
</script>
<body onload="loadHandler();">
<input class='invalid' id='i1' name='foo' type='radio' required>
<input class='invalid' id='i2' name='foo' type='radio' required>
<button></button>
</body>
</html>

8
layout/reftests/css-invalid/input/input-radio-nogroup-required-invalid.html Normal file
View file

@ -0,0 +1,8 @@
<!DOCTYPE html>
<html>
<link rel='stylesheet' type='text/css' href='style.css'>
<body>
<input class='notinvalid' id='i' type='radio' checked required>
<input class='notinvalid' type='radio'> <!-- adding this one so we don't have to create a second ref -->
</body>
</html>

8
layout/reftests/css-invalid/input/input-radio-nogroup-required-valid.html Normal file
View file

@ -0,0 +1,8 @@
<!DOCTYPE html>
<html>
<link rel='stylesheet' type='text/css' href='style.css'>
<body>
<input class='invalid' id='i' type='radio' required>
<input class='notinvalid' type='radio'> <!-- adding this one so we don't have to create a second ref -->
</body>
</html>

8
layout/reftests/css-invalid/input/input-radio-ref.html Normal file
View file

@ -0,0 +1,8 @@
<!DOCTYPE html>
<html>
<link rel='stylesheet' type='text/css' href='style.css'>
<body>
<input type='radio' class='ref'>
<input type='radio' class='ref'>
</body>
</html>

10
layout/reftests/css-invalid/input/input-radio-required.html Normal file
View file

@ -0,0 +1,10 @@
<!DOCTYPE html>
<html>
<!-- Test: if one radio in a group has the required attribute and no radio is
checked, all radio in the group should suffer from being missing. -->
<link rel='stylesheet' type='text/css' href='style.css'>
<body>
<input class='invalid' id='i1' name='foo' type='radio' required>
<input class='invalid' id='i2' name='foo' type='radio'>
</body>
</html>

9
layout/reftests/css-invalid/input/input-readonly.html Normal file
View file

@ -0,0 +1,9 @@
<!DOCTYPE html>
<html>
<!-- Test: if input is readonly, it is barred from constraint validation
and should not be affected by :invalid pseudo-class. -->
<link rel='stylesheet' type='text/css' href='style.css'>
<body>
<input class='notinvalid' readonly>
</body>
</html>

7
layout/reftests/css-invalid/input/input-ref.html Normal file
View file

@ -0,0 +1,7 @@
<!DOCTYPE html>
<html>
<link rel='stylesheet' type='text/css' href='style.css'>
<body>
<input class='ref'>
</body>
</html>

10
layout/reftests/css-invalid/input/input-required-invalid.html Normal file
View file

@ -0,0 +1,10 @@
<!DOCTYPE html>
<html>
<!-- Test: if input isn't valid nor barred from constraint validation,
it should be affected by :invalid pseudo-class. -->
<link rel='stylesheet' type='text/css' href='style.css'>
<body>
<input class='invalid' required>
</body>
</html>

10
layout/reftests/css-invalid/input/input-required-valid.html Normal file
View file

@ -0,0 +1,10 @@
<!DOCTYPE html>
<html>
<!-- Test: if input is valid and not barred from constraint validation,
it should not be affected by :invalid pseudo-class. -->
<link rel='stylesheet' type='text/css' href='style.css'>
<body>
<input class='notinvalid' value='foo' required>
</body>
</html>

10
layout/reftests/css-invalid/input/input-reset.html Normal file
View file

@ -0,0 +1,10 @@
<!DOCTYPE html>
<html>
<!-- Test: if input is of reset type, it is barred from constraint validation
and should not be affected by :invalid pseudo-class. -->
<link rel='stylesheet' type='text/css' href='style.css'>
<body>
<!-- Setting value to the empty string let us check against input-button-ref.html -->
<input class='notinvalid' type='reset' value=''>
</body>
</html>

7
layout/reftests/css-invalid/input/input-submit-ref.html Normal file
View file

@ -0,0 +1,7 @@
<!DOCTYPE html>
<html>
<link rel='stylesheet' type='text/css' href='style.css'>
<body>
<input type='submit' class='ref'>
</body>
</html>

9
layout/reftests/css-invalid/input/input-submit.html Normal file
View file

@ -0,0 +1,9 @@
<!DOCTYPE html>
<html>
<!-- Test: if input is of button type, it is barred from constraint validation
and should not be affected by :invalid pseudo-class. -->
<link rel='stylesheet' type='text/css' href='style.css'>
<body>
<input class='notinvalid' type='submit'>
</body>
</html>

10
layout/reftests/css-invalid/input/input-type-barred.html Normal file
View file

@ -0,0 +1,10 @@
<!DOCTYPE html>
<html class="reftest-wait">
<!-- Test: if an input has is candidate for constraint validation then change
its type to be barred from constraint validation, it should not be
affected by :invalid pseudo-class. -->
<link rel='stylesheet' type='text/css' href='style.css'>
<body onload="document.getElementById('i').type='button'; document.documentElement.className='';">
<input class='notinvalid' id='i'>
</body>
</html>

20
layout/reftests/css-invalid/input/input-type-invalid.html Normal file
View file

@ -0,0 +1,20 @@
<!DOCTYPE html>
<html class="reftest-wait">
<!-- Test: if an input has a custom error when barred from constraint
validation then move a type candidate for constraint validation,
it should not be affected by :valid pseudo-class. -->
<link rel='stylesheet' type='text/css' href='style.css'>
<script>
function doTest()
{
var i = document.getElementById('i');
i.setCustomValidity('foo');
i.type = 'text';
document.documentElement.className='';
}
document.addEventListener("MozReftestInvalidate", doTest, false);
</script>
<body>
<input class='invalid' type='button' id='i'>
</body>
</html>

10
layout/reftests/css-invalid/input/input-url-invalid.html Normal file
View file

@ -0,0 +1,10 @@
<!DOCTYPE html>
<html>
<!-- Test: if input isn't valid nor barred from constraint validation,
it should be affected by :invalid pseudo-class. -->
<link rel='stylesheet' type='text/css' href='style.css'>
<body>
<input class='invalid' type='url' value='foo'>
</body>
</html>

7
layout/reftests/css-invalid/input/input-url-ref.html Normal file
View file

@ -0,0 +1,7 @@
<!DOCTYPE html>
<html>
<link rel='stylesheet' type='text/css' href='style.css'>
<body>
<input value='http://mozilla.org/' class='ref'>
</body>
</html>

10
layout/reftests/css-invalid/input/input-url-valid.html Normal file
View file

@ -0,0 +1,10 @@
<!DOCTYPE html>
<html>
<!-- Test: if input is valid and not barred from constraint validation,
it should not be affected by :invalid pseudo-class. -->
<link rel='stylesheet' type='text/css' href='style.css'>
<body>
<input class='notinvalid' type='url' value='http://mozilla.org/'>
</body>
</html>

9
layout/reftests/css-invalid/input/input-valid.html Normal file
View file

@ -0,0 +1,9 @@
<!DOCTYPE html>
<html>
<!-- Test: if input is valid and is not barred from constraint validation,
it should not be affected by :invalid pseudo-class. -->
<link rel='stylesheet' type='text/css' href='style.css'>
<body>
<input class='notinvalid'>
</body>
</html>

7
layout/reftests/css-invalid/input/input-withtext-ref.html Normal file
View file

@ -0,0 +1,7 @@
<!DOCTYPE html>
<html>
<link rel='stylesheet' type='text/css' href='style.css'>
<body>
<input value='foo' class='ref'>
</body>
</html>

38
layout/reftests/css-invalid/input/reftest-stylo.list Normal file
View file

@ -0,0 +1,38 @@
# DO NOT EDIT! This is a auto-generated temporary list for Stylo testing
== input-valid.html input-valid.html
fuzzy-if(skiaContent,2,10) == input-customerror.html input-customerror.html
skip-if(B2G||Mulet) == input-disabled.html input-disabled.html
# Initial mulet triage: parity with B2G/B2G Desktop
skip-if(B2G||Mulet) == input-dyn-disabled.html input-dyn-disabled.html
# Initial mulet triage: parity with B2G/B2G Desktop
== input-dyn-not-disabled.html input-dyn-not-disabled.html
== input-readonly.html input-readonly.html
== input-dyn-readonly.html input-dyn-readonly.html
== input-dyn-not-readonly.html input-dyn-not-readonly.html
skip == input-maxlength-valid.html input-maxlength-valid.html
skip == input-maxlength-invalid.html input-maxlength-invalid.html
== input-required-valid.html input-required-valid.html
== input-required-invalid.html input-required-invalid.html
== input-button.html input-button.html
skip == input-reset.html input-reset.html
== input-email-invalid.html input-email-invalid.html
== input-email-valid.html input-email-valid.html
== input-url-invalid.html input-url-invalid.html
== input-url-valid.html input-url-valid.html
== input-pattern-valid.html input-pattern-valid.html
== input-pattern-invalid.html input-pattern-invalid.html
== input-type-barred.html input-type-barred.html
== input-type-invalid.html input-type-invalid.html
== input-disabled-fieldset-1.html input-disabled-fieldset-1.html
== input-disabled-fieldset-2.html input-disabled-fieldset-2.html
skip == input-fieldset-legend.html input-fieldset-legend.html
== input-radio-required.html input-radio-required.html
fuzzy-if(skiaContent,2,10) == input-radio-customerror.html input-radio-customerror.html
fuzzy-if(skiaContent,2,10) == input-radio-dyn-valid-1.html input-radio-dyn-valid-1.html
fuzzy-if(skiaContent,2,10) == input-radio-dyn-valid-2.html input-radio-dyn-valid-2.html
fuzzy-if(skiaContent,2,10) == input-radio-nogroup-required-valid.html input-radio-nogroup-required-valid.html
fuzzy-if(skiaContent,2,10) == input-radio-nogroup-required-invalid.html input-radio-nogroup-required-invalid.html
skip == input-radio-focus-click.html input-radio-focus-click.html
== input-submit.html input-submit.html
== input-image.html input-image.html
# input type='hidden' shouldn't show

33
layout/reftests/css-invalid/input/reftest.list Normal file
View file

@ -0,0 +1,33 @@
== input-valid.html input-ref.html
fuzzy(11,4) fuzzy-if(skiaContent,2,10) == input-customerror.html input-ref.html
== input-disabled.html input-ref.html
== input-dyn-disabled.html input-ref.html
== input-dyn-not-disabled.html input-ref.html
== input-readonly.html input-ref.html
== input-dyn-readonly.html input-ref.html
== input-dyn-not-readonly.html input-ref.html
== input-required-valid.html input-withtext-ref.html
== input-required-invalid.html input-ref.html
== input-button.html input-button-ref.html
== input-reset.html input-button-ref.html
== input-email-invalid.html input-withtext-ref.html
== input-email-valid.html input-email-ref.html
== input-url-invalid.html input-withtext-ref.html
== input-url-valid.html input-url-ref.html
== input-pattern-valid.html input-withtext-ref.html
== input-pattern-invalid.html input-withtext-ref.html
== input-type-barred.html input-button-ref.html
fuzzy(11,4) == input-type-invalid.html input-ref.html
== input-disabled-fieldset-1.html input-fieldset-ref.html
== input-disabled-fieldset-2.html input-fieldset-ref.html
== input-fieldset-legend.html input-fieldset-legend-ref.html
== input-radio-required.html input-radio-ref.html
fuzzy-if(skiaContent,2,10) == input-radio-customerror.html input-radio-ref.html
fuzzy-if(skiaContent,2,10) == input-radio-dyn-valid-1.html input-radio-checked-ref.html
fuzzy-if(skiaContent,2,10) == input-radio-dyn-valid-2.html input-radio-ref.html
fuzzy-if(skiaContent,2,10) == input-radio-nogroup-required-valid.html input-radio-ref.html
fuzzy-if(skiaContent,2,10) == input-radio-nogroup-required-invalid.html input-radio-checked-ref.html
fuzzy-if(skiaContent,2,10) == input-radio-focus-click.html input-radio-ref.html
== input-submit.html input-submit-ref.html
== input-image.html input-image-ref.html
# input type='hidden' shouldn't show

26
layout/reftests/css-invalid/input/style.css Normal file
View file

@ -0,0 +1,26 @@
/* Override default style */
input {
-moz-appearance: none;
background: none;
}
input:invalid {
box-shadow: none;
}
input.notinvalid {
box-shadow: 0 0 1.5px 1px green;
}
input.notinvalid:invalid {
box-shadow: 0 0 1.5px 1px red;
}
input.invalid {
box-shadow: 0 0 1.5px 1px red;
}
input.invalid:invalid {
box-shadow: 0 0 1.5px 1px green;
}
input.ref {
box-shadow: 0 0 1.5px 1px green;
}