Magic-Mirror/gecko-dev
1
0
Fork 0
mirror of https://github.com/mozilla/gecko-dev.git synced 2024-10-12 04:45:45 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Bug 605124 (3/5) - :-moz-ui-invalid shouldn't apply if the element hasn't been modified. r=bz a=bsmedberg

Browse Source
This commit is contained in:
Mounir Lamouri 2010-11-24 00:49:50 +01:00
parent fe5382a115
commit 7e3a62f7ba
36 changed files with 364 additions and 55 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

54
content/html/content/src/nsHTMLInputElement.cpp
View File

@ -1438,12 +1438,24 @@ nsHTMLInputElement::SetValueInternal(const nsAString& aValue,
NS_IMETHODIMP
nsHTMLInputElement::SetValueChanged(PRBool aValueChanged)
{
PRBool valueChangedBefore = GET_BOOLBIT(mBitField, BF_VALUE_CHANGED);
SET_BOOLBIT(mBitField, BF_VALUE_CHANGED, aValueChanged);
if (!aValueChanged) {
if (!IsSingleLineTextControl(PR_FALSE)) {
FreeData();
}
}
if (valueChangedBefore != aValueChanged) {
nsIDocument* doc = GetCurrentDoc();
if (doc) {
mozAutoDocUpdate upd(doc, UPDATE_CONTENT_STATE, PR_TRUE);
doc->ContentStatesChanged(this, nsnull, NS_EVENT_STATE_MOZ_UI_INVALID);
}
}
return NS_OK;
}
@ -1472,19 +1484,31 @@ nsHTMLInputElement::DoSetCheckedChanged(PRBool aCheckedChanged,
VisitGroup(visitor, aNotify);
}
} else {
SetCheckedChangedInternal(aCheckedChanged);
SetCheckedChangedInternal(aCheckedChanged, aNotify);
}
}
void
nsHTMLInputElement::SetCheckedChangedInternal(PRBool aCheckedChanged)
nsHTMLInputElement::SetCheckedChangedInternal(PRBool aCheckedChanged,
PRBool aNotify)
{
PRBool checkedChangedBefore = GetCheckedChanged();
SET_BOOLBIT(mBitField, BF_CHECKED_CHANGED, aCheckedChanged);
if (aNotify && checkedChangedBefore != aCheckedChanged) {
nsIDocument* document = GetCurrentDoc();
if (document) {
mozAutoDocUpdate upd(document, UPDATE_CONTENT_STATE, aNotify);
document->ContentStatesChanged(this, nsnull,
NS_EVENT_STATE_MOZ_UI_INVALID);
}
}
}
PRBool
nsHTMLInputElement::GetCheckedChanged()
nsHTMLInputElement::GetCheckedChanged() const
{
return GET_BOOLBIT(mBitField, BF_CHECKED_CHANGED);
}
@ -3282,8 +3306,24 @@ nsHTMLInputElement::IntrinsicState() const
}
if (IsCandidateForConstraintValidation()) {
state |= IsValid() ? NS_EVENT_STATE_VALID
: NS_EVENT_STATE_INVALID | NS_EVENT_STATE_MOZ_UI_INVALID;
if (IsValid()) {
state |= NS_EVENT_STATE_VALID;
} else {
state |= NS_EVENT_STATE_INVALID;
ValueModeType valueMode = GetValueMode();
// If the element is suffering from VALIDITY_STATE_CUSTOM_ERROR,
// NS_EVENT_STATE_MOZ_UI_INVALID always apply.
// Otherwise, NS_EVENT_STATE_MOZ_UI_INVALID applies if the element's value
// has been modified.
// For VALUE_MODE_DEFAULT case, value being modified has no sense.
if (valueMode == VALUE_MODE_DEFAULT ||
GetValidityState(VALIDITY_STATE_CUSTOM_ERROR) ||
(valueMode == VALUE_MODE_DEFAULT_ON && GetCheckedChanged()) ||
((valueMode == VALUE_MODE_FILENAME || valueMode == VALUE_MODE_VALUE) &&
GET_BOOLBIT(mBitField, BF_VALUE_CHANGED))) {
state |= NS_EVENT_STATE_MOZ_UI_INVALID;
}
}
}
if (PlaceholderApplies() && HasAttr(kNameSpaceID_None, nsGkAtoms::placeholder) &&
@ -3408,7 +3448,7 @@ nsHTMLInputElement::AddedToRadioGroup(PRBool aNotify)
if (NS_FAILED(rv)) { return; }
VisitGroup(visitor, aNotify);
SetCheckedChangedInternal(checkedChanged);
SetCheckedChangedInternal(checkedChanged, aNotify);
//
// Add the radio to the radio group container.
@ -4133,7 +4173,7 @@ public:
nsRefPtr<nsHTMLInputElement> radio =
static_cast<nsHTMLInputElement*>(aRadio);
NS_ASSERTION(radio, "Visit() passed a null button!");
radio->SetCheckedChangedInternal(mCheckedChanged);
radio->SetCheckedChangedInternal(mCheckedChanged, PR_TRUE);
return NS_OK;
}

4
content/html/content/src/nsHTMLInputElement.h
View File

@ -218,8 +218,8 @@ public:
const nsCOMArray<nsIDOMFile>& GetFiles();
void SetFiles(const nsCOMArray<nsIDOMFile>& aFiles, bool aSetValueChanged);
void SetCheckedChangedInternal(PRBool aCheckedChanged);
PRBool GetCheckedChanged();
void SetCheckedChangedInternal(PRBool aCheckedChanged, PRBool aNotify);
PRBool GetCheckedChanged() const;
void AddedToRadioGroup(PRBool aNotify = PR_TRUE);
void WillRemoveFromRadioGroup();
/**

24
content/html/content/src/nsHTMLTextAreaElement.cpp
View File

@ -568,12 +568,17 @@ nsHTMLTextAreaElement::SetValueChanged(PRBool aValueChanged)
mState->EmptyValue();
}
if (mValueChanged != previousValue &&
HasAttr(kNameSpaceID_None, nsGkAtoms::placeholder)) {
if (mValueChanged != previousValue) {
nsEventStates states = NS_EVENT_STATE_MOZ_UI_INVALID;
if (HasAttr(kNameSpaceID_None, nsGkAtoms::placeholder)) {
states |= NS_EVENT_STATE_MOZ_PLACEHOLDER;
}
nsIDocument* doc = GetCurrentDoc();
if (doc) {
mozAutoDocUpdate upd(doc, UPDATE_CONTENT_STATE, PR_TRUE);
doc->ContentStatesChanged(this, nsnull, NS_EVENT_STATE_MOZ_PLACEHOLDER);
doc->ContentStatesChanged(this, nsnull, states);
}
}
@ -1007,8 +1012,17 @@ nsHTMLTextAreaElement::IntrinsicState() const
}
if (IsCandidateForConstraintValidation()) {
state |= IsValid() ? NS_EVENT_STATE_VALID
: NS_EVENT_STATE_INVALID | NS_EVENT_STATE_MOZ_UI_INVALID;
if (IsValid()) {
state |= NS_EVENT_STATE_VALID;
} else {
state |= NS_EVENT_STATE_INVALID;
// NS_EVENT_STATE_MOZ_UI_INVALID always apply if the element suffers from
// VALIDITY_STATE_CUSTOM_ERROR.
// Otherwise, it applies if the value has been modified.
if (mValueChanged || GetValidityState(VALIDITY_STATE_CUSTOM_ERROR)) {
state |= NS_EVENT_STATE_MOZ_UI_INVALID;
}
}
}
if (HasAttr(kNameSpaceID_None, nsGkAtoms::placeholder) &&

16
layout/reftests/css-ui-invalid/input/input-checkbox-required-invalid-changed.html Normal file
View File

@ -0,0 +1,16 @@
<!DOCTYPE html>
<html class="reftest-wait">
<!-- Test: if input isn't valid nor barred from constraint validation,
and its checkedness has changed,
it should be affected by :-moz-ui-invalid pseudo-class. -->
<link rel='stylesheet' type='text/css' href='style.css'>
<body onload="document.getElementById('i').checked = false;
if (!document.getElementById('i').mozMatchesSelector(':-moz-ui-invalid')) {
document.body.textContent='FAIL';
} else {
document.body.textContent='SUCCESS';
}
document.documentElement.className='';">
<input id='i' type='checkbox' required>
</body>
</html>

15
layout/reftests/css-ui-invalid/input/input-checkbox-required-invalid-default.html Normal file
View File

@ -0,0 +1,15 @@
<!DOCTYPE html>
<html class="reftest-wait">
<!-- Test: if input isn't valid nor barred from constraint validation,
and its checkedness hasn't changed,
it should not be affected by :-moz-ui-invalid pseudo-class. -->
<link rel='stylesheet' type='text/css' href='style.css'>
<body onload="if (document.getElementById('i').mozMatchesSelector(':-moz-ui-invalid')) {
document.body.textContent='FAIL';
} else {
document.body.textContent='SUCCESS';
}
document.documentElement.className='';">
<input id='i' type='checkbox' required>
</body>
</html>

11
layout/reftests/css-ui-invalid/input/input-dyn-not-readonly-changed.html Normal file
View File

@ -0,0 +1,11 @@
<!DOCTYPE html>
<html class="reftest-wait">
<!-- Test: if input is no longer readonly, invalid and has it's value changed,
it's affected by :-moz-ui-invalid pseudo-class. -->
<link rel='stylesheet' type='text/css' href='style.css'>
<body onload="document.getElementById('i').removeAttribute('readonly');
document.getElementById('i').value = '';
document.documentElement.className='';">
<input class='invalid' id='i' readonly required>
</body>
</html>

6
layout/reftests/css-ui-invalid/input/input-dyn-not-readonly.html → layout/reftests/css-ui-invalid/input/input-dyn-not-readonly-not-changed.html
View File

@ -1,9 +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 :-moz-ui-invalid pseudo-class. -->
<!-- Test: if input is no longer readonly and invalid but it's value hasn't
changed, it's affected by :-moz-ui-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>
<input class='notinvalid' id='i' readonly required>
</body>
</html>

11
layout/reftests/css-ui-invalid/input/input-email-invalid-changed.html Normal file
View File

@ -0,0 +1,11 @@
<!DOCTYPE html>
<html class="reftest-wait">
<!-- Test: if input isn't valid nor barred from constraint validation,
and its value has changed,
it should be affected by :-moz-ui-invalid pseudo-class. -->
<link rel='stylesheet' type='text/css' href='style.css'>
<body onload="document.getElementById('i').value = 'foo';
document.documentElement.className='';">
<input id='i' class='invalid' type='email' value='bar'>
</body>
</html>

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

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

5
layout/reftests/css-ui-invalid/input/input-fieldset-legend.html
View File

@ -1,13 +1,12 @@
<!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
<!-- Test: if input is invalid but it's value hasn't changed, it's not
affected by :-moz-ui-invalid pseudo-class. -->
<link rel='stylesheet' type='text/css' href='style.css'>
<body>
<fieldset disabled>
<legend>
<input class='invalid' required>
<input class='notinvalid' required>
</legend>
</fieldset>
</body>

6
layout/reftests/css-ui-invalid/input/input-file-ref.html Normal file
View File

@ -0,0 +1,6 @@
<!DOCTYPE html>
<html>
<body>
<input type='file' style="background-color: green;">
</body>
</html>

11
layout/reftests/css-ui-invalid/input/input-file-required-invalid-changed.html Normal file
View File

@ -0,0 +1,11 @@
<!DOCTYPE html>
<html class='reftest-wait'>
<!-- Test: if input isn't valid nor barred from constraint validation,
but its default value hasn't been changed,
it should not be affected by :-moz-ui-invalid pseudo-class. -->
<link rel='stylesheet' type='text/css' href='style.css'>
<body onload="document.getElementById('i').value='';
document.documentElement.className='';">
<input id='i' class='invalid' type='file' required>
</body>
</html>

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

@ -0,0 +1,10 @@
<!DOCTYPE html>
<html>
<!-- Test: if input isn't valid nor barred from constraint validation,
but its default value hasn't been changed,
it should not be affected by :-moz-ui-invalid pseudo-class. -->
<link rel='stylesheet' type='text/css' href='style.css'>
<body>
<input class='notinvalid' type='file' required>
</body>
</html>

4
layout/reftests/css-ui-invalid/input/input-maxlength-invalid.html → layout/reftests/css-ui-invalid/input/input-maxlength-invalid-changed.html
View File

@ -1,10 +1,12 @@
<!DOCTYPE html>
<html class="reftest-wait">
<!-- Test: if input isn't valid nor barred from constraint validation,
and its value has changed,
it should be affected by :-moz-ui-invalid pseudo-class. -->
<!-- TODO: this is valid until bug bug 613016 and bug 613019 are fixed. -->
<link rel='stylesheet' type='text/css' href='style.css'>
<body onload="document.getElementById('i').value='foo'; document.documentElement.className='';">
<body onload="document.getElementById('i').value='foo';
document.documentElement.className='';">
<input class='notinvalid' maxlength="2" id='i'>
</body>
</html>

11
layout/reftests/css-ui-invalid/input/input-maxlength-invalid-default.html Normal file
View File

@ -0,0 +1,11 @@
<!DOCTYPE html>
<html>
<!-- Test: if input isn't valid nor barred from constraint validation,
but its default value hasn't been changed,
it should not be affected by :-moz-ui-invalid pseudo-class. -->
<link rel='stylesheet' type='text/css' href='style.css'>
<body>
<input class='notinvalid' maxlength="2" value="foo">
</body>
</html>

12
layout/reftests/css-ui-invalid/input/input-pattern-invalid-changed.html Normal file
View File

@ -0,0 +1,12 @@
<!DOCTYPE html>
<html class='reftest-wait'>
<!-- Test: if input isn't valid nor barred from constraint validation,
and its value isn't the default value,
it should be affected by :-moz-ui-invalid pseudo-class. -->
<link rel='stylesheet' type='text/css' href='style.css'>
<body onload="document.getElementById('i').value='foo';
document.documentElement.className='';">
<input id='i' class='invalid' pattern='bar' value='f'>
</body>
</html>

11
layout/reftests/css-ui-invalid/input/input-pattern-invalid-default.html Normal file
View File

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

10
layout/reftests/css-ui-invalid/input/input-pattern-invalid.html
View File

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

18
layout/reftests/css-ui-invalid/input/input-radio-required-invalid-changed-2.html Normal file
View File

@ -0,0 +1,18 @@
<!DOCTYPE html>
<html class="reftest-wait">
<!-- Test: if input isn't valid nor barred from constraint validation,
and its checkedness has changed,
it should be affected by :-moz-ui-invalid pseudo-class. -->
<link rel='stylesheet' type='text/css' href='style.css'>
<body onload="document.getElementById('i2').checked = false;
if (document.getElementById('i1').mozMatchesSelector(':-moz-ui-invalid') ||
!document.getElementById('i2').mozMatchesSelector(':-moz-ui-invalid')) {
document.body.textContent='FAIL';
} else {
document.body.textContent='SUCCESS';
}
document.documentElement.className='';">
<input id='i1' type='radio'>
<input id='i2' type='radio' required>
</body>
</html>

16
layout/reftests/css-ui-invalid/input/input-radio-required-invalid-changed.html Normal file
View File

@ -0,0 +1,16 @@
<!DOCTYPE html>
<html class="reftest-wait">
<!-- Test: if input isn't valid nor barred from constraint validation,
and its checkedness has changed,
it should be affected by :-moz-ui-invalid pseudo-class. -->
<link rel='stylesheet' type='text/css' href='style.css'>
<body onload="document.getElementById('i').checked = false;
if (!document.getElementById('i').mozMatchesSelector(':-moz-ui-invalid')) {
document.body.textContent='FAIL';
} else {
document.body.textContent='SUCCESS';
}
document.documentElement.className='';">
<input id='i' type='radio' required>
</body>
</html>

17
layout/reftests/css-ui-invalid/input/input-radio-required-invalid-default-2.html Normal file
View File

@ -0,0 +1,17 @@
<!DOCTYPE html>
<html class="reftest-wait">
<!-- Test: if input isn't valid nor barred from constraint validation,
and its checkedness hasn't changed,
it should not be affected by :-moz-ui-invalid pseudo-class. -->
<link rel='stylesheet' type='text/css' href='style.css'>
<body onload="if (document.getElementById('i1').mozMatchesSelector(':-moz-ui-invalid') ||
document.getElementById('i2').mozMatchesSelector(':-moz-ui-invalid')) {
document.body.textContent='FAIL';
} else {
document.body.textContent='SUCCESS';
}
document.documentElement.className='';">
<input id='i1' type='radio'>
<input id='i2' type='radio' required>
</body>
</html>

15
layout/reftests/css-ui-invalid/input/input-radio-required-invalid-default.html Normal file
View File

@ -0,0 +1,15 @@
<!DOCTYPE html>
<html class="reftest-wait">
<!-- Test: if input isn't valid nor barred from constraint validation,
and its checkedness hasn't changed,
it should not be affected by :-moz-ui-invalid pseudo-class. -->
<link rel='stylesheet' type='text/css' href='style.css'>
<body onload="if (document.getElementById('i').mozMatchesSelector(':-moz-ui-invalid')) {
document.body.textContent='FAIL';
} else {
document.body.textContent='SUCCESS';
}
document.documentElement.className='';">
<input id='i' type='radio' required>
</body>
</html>

7
layout/reftests/css-ui-invalid/input/input-required-invalid.html → layout/reftests/css-ui-invalid/input/input-required-invalid-changed.html
View File

@ -1,10 +1,11 @@
<!DOCTYPE html>
<html>
<html class='reftest-wait'>
<!-- Test: if input isn't valid nor barred from constraint validation,
it should be affected by :-moz-ui-invalid pseudo-class. -->
<link rel='stylesheet' type='text/css' href='style.css'>
<body>
<input class='invalid' required>
<body onload="document.getElementById('i').value='';
document.documentElement.className='';">
<input id='i' class='invalid' required>
</body>
</html>

5
layout/reftests/css-ui-invalid/input/input-email-invalid.html → layout/reftests/css-ui-invalid/input/input-required-invalid-default.html
View File

@ -1,10 +1,11 @@
<!DOCTYPE html>
<html>
<!-- Test: if input isn't valid nor barred from constraint validation,
it should be affected by :-moz-ui-invalid pseudo-class. -->
but its value is still the default value,
it should not be affected by :-moz-ui-invalid pseudo-class. -->
<link rel='stylesheet' type='text/css' href='style.css'>
<body>
<input class='invalid' type='email' value='foo'>
<input class='notinvalid' required>
</body>
</html>

12
layout/reftests/css-ui-invalid/input/input-url-invalid-changed.html Normal file
View File

@ -0,0 +1,12 @@
<!DOCTYPE html>
<html class='reftest-wait'>
<!-- Test: if input isn't valid nor barred from constraint validation,
and its value is not the default value,
it should be affected by :-moz-ui-invalid pseudo-class. -->
<link rel='stylesheet' type='text/css' href='style.css'>
<body onload="document.getElementById('i').value='foo';
document.documentElement.className='';">
<input id='i' class='invalid' type='url'>
</body>
</html>

5
layout/reftests/css-ui-invalid/input/input-url-invalid.html → layout/reftests/css-ui-invalid/input/input-url-invalid-default.html
View File

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

26
layout/reftests/css-ui-invalid/input/reftest.list
View File

@ -5,22 +5,36 @@
== 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-dyn-not-readonly-not-changed.html input-ref.html
== input-dyn-not-readonly-changed.html input-ref.html
== input-maxlength-valid.html input-ref.html
== input-maxlength-invalid.html input-withtext-ref.html
== input-maxlength-invalid-changed.html input-withtext-ref.html
== input-maxlength-invalid-default.html input-withtext-ref.html
== input-required-valid.html input-withtext-ref.html
== input-required-invalid.html input-ref.html
== input-required-invalid-default.html input-ref.html
== input-required-invalid-changed.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-invalid-default.html input-withtext-ref.html
== input-email-invalid-changed.html input-withtext-ref.html
== input-email-valid.html input-email-ref.html
== input-url-invalid.html input-withtext-ref.html
== input-url-invalid-changed.html input-withtext-ref.html
== input-url-invalid-default.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-pattern-invalid-default.html input-withtext-ref.html
== input-pattern-invalid-changed.html input-withtext-ref.html
== input-type-barred.html input-button-ref.html
== 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-checkbox-required-invalid-changed.html success-ref.html
== input-checkbox-required-invalid-default.html success-ref.html
== input-radio-required-invalid-changed.html success-ref.html
== input-radio-required-invalid-default.html success-ref.html
== input-radio-required-invalid-changed-2.html success-ref.html
== input-radio-required-invalid-default-2.html success-ref.html
== input-file-required-invalid-changed.html input-file-ref.html
== input-file-required-invalid-default.html input-file-ref.html
# input type='hidden' shouldn't show

5
layout/reftests/css-ui-invalid/input/style.css
View File

@ -16,3 +16,8 @@ input.invalid {
input.invalid:-moz-ui-invalid {
background-color: green;
}
input[type=checkbox],
input[type=radio] {
display: none;
}

6
layout/reftests/css-ui-invalid/input/success-ref.html Normal file
View File

@ -0,0 +1,6 @@
<!DOCTYPE html>
<html>
<body>
SUCCESS
</body>
</html>

6
layout/reftests/css-ui-invalid/textarea/reftest.list
View File

@ -5,11 +5,13 @@
== textarea-dyn-not-disabled.html textarea-ref.html
== textarea-readonly.html textarea-ref.html
== textarea-dyn-readonly.html textarea-ref.html
== textarea-dyn-not-readonly.html textarea-ref.html
== textarea-dyn-not-readonly-not-changed.html textarea-ref.html
== textarea-dyn-not-readonly-changed.html textarea-ref.html
== textarea-maxlength-valid.html textarea-ref.html
== textarea-maxlength-invalid.html textarea-withtext-ref.html
== textarea-maxlength-default-value-invalid.html textarea-withtext-ref.html
== textarea-required-valid.html textarea-withtext-ref.html
== textarea-required-invalid.html textarea-ref.html
== textarea-required-invalid-changed.html textarea-ref.html
== textarea-disabled-fieldset-1.html textarea-fieldset-ref.html
== textarea-disabled-fieldset-2.html textarea-fieldset-ref.html
== textarea-fieldset-legend.html textarea-fieldset-legend-ref.html

11
layout/reftests/css-ui-invalid/textarea/textarea-dyn-not-readonly-changed.html Normal file
View File

@ -0,0 +1,11 @@
<!DOCTYPE html>
<html class="reftest-wait">
<!-- Test: if textarea is no longer readonly and has it's value changed,
it's affected by :-moz-ui-invalid pseudo-class. -->
<link rel='stylesheet' type='text/css' href='style.css'>
<body onload="document.getElementById('t').removeAttribute('readonly');
document.getElementById('t').value = '';
document.documentElement.className='';">
<textarea class='invalid' id='t' readonly required></textarea>
</body>
</html>

6
layout/reftests/css-ui-invalid/textarea/textarea-dyn-not-readonly.html → layout/reftests/css-ui-invalid/textarea/textarea-dyn-not-readonly-not-changed.html
View File

@ -1,9 +1,9 @@
<!DOCTYPE html>
<html class="reftest-wait">
<!-- Test: if textarea is no longer readonly, it is candidate for constraint
validation and should be affected by :-moz-ui-invalid pseudo-class. -->
<!-- Test: if textarea is no longer readonly, but doesn't have it's value changed,
it's not affected by :-moz-ui-invalid pseudo-class. -->
<link rel='stylesheet' type='text/css' href='style.css'>
<body onload="document.getElementById('t').removeAttribute('readonly'); document.documentElement.className='';">
<textarea class='invalid' id='t' readonly required></textarea>
<textarea class='notinvalid' id='t' readonly required></textarea>
</body>
</html>

6
layout/reftests/css-ui-invalid/textarea/textarea-fieldset-legend.html
View File

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

10
layout/reftests/css-ui-invalid/textarea/textarea-maxlength-default-value-invalid.html Normal file
View File

@ -0,0 +1,10 @@
<!DOCTYPE html>
<html>
<!-- Test: if textarea has it's default value invalid, it should not be
affected by :-moz-ui-invalid pseudo-class. -->
<link rel='stylesheet' type='text/css' href='style.css'>
<body>
<textarea class='notinvalid' maxlength="2">foo</textarea>
</body>
</html>

11
layout/reftests/css-ui-invalid/textarea/textarea-required-invalid-changed.html Normal file
View File

@ -0,0 +1,11 @@
<!DOCTYPE html>
<html class="reftest-wait">
<!-- Test: if textarea isn't valid and it's value has been changed,
it should be affected by :-moz-ui-invalid pseudo-class. -->
<link rel='stylesheet' type='text/css' href='style.css'>
<body onload="document.getElementById('t').value = '';
document.documentElement.className='';">
<textarea id='t' class='invalid' required></textarea>
</body>
</html>

6
layout/reftests/css-ui-invalid/textarea/textarea-required-invalid.html
View File

@ -1,10 +1,10 @@
<!DOCTYPE html>
<html>
<!-- Test: if textarea isn't valid nor barred from constraint validation,
it should be affected by :-moz-ui-invalid pseudo-class. -->
<!-- Test: if textarea isn't valid but it's value hasn't been changed,
it should not be affected by :-moz-ui-invalid pseudo-class. -->
<link rel='stylesheet' type='text/css' href='style.css'>
<body>
<textarea class='invalid' required></textarea>
<textarea class='notinvalid' required></textarea>
</body>
</html>