From d2f9a816f9dc46f45e2cca35a7b9b2dbe24567a9 Mon Sep 17 00:00:00 2001
From: Manolo Carrasco <manolo@apache.org>
Date: Tue, 26 Jun 2018 15:11:34 +0200
Subject: [PATCH 1/9] Implement readonly, required and invalid properties.

Implement error-message area
Implement validation checks
---
 src/vaadin-radio-group.html | 97 ++++++++++++++++++++++++++++++++++---
 1 file changed, 90 insertions(+), 7 deletions(-)

diff --git a/src/vaadin-radio-group.html b/src/vaadin-radio-group.html
index e4337f9..667c415 100644
--- a/src/vaadin-radio-group.html
+++ b/src/vaadin-radio-group.html
@@ -43,8 +43,12 @@
         <slot id="slot"></slot>
       </div>
 
+      <div part="error-message"
+        id="[[_errorId]]"
+        aria-live="assertive"
+        aria-hidden$="[[_getErrorMessageAriaHidden(invalid, errorMessage, _errorId)]]"
+      >[[errorMessage]]</div>
     </div>
-
   </template>
 
   <script>
@@ -73,7 +77,10 @@
        *
        * Attribute  | Description | Part name
        * -----------|-------------|------------
-       * `disabled` | Set when the radio group and its children are disabled. | :host
+       * `disabled`   | Set when the radio group and its children are disabled. | :host
+       * `invalid` | Set when the element is invalid | :host
+       * `focused` | Set when the element is focused | :host
+       * `readonly` | Set to a readonly text field | :host
        * `has-label` | Set when the element has a label | :host
        *
        * See [ThemableMixin – how to apply styles for shadow parts](https://github.com/vaadin/vaadin-themable-mixin/wiki)
@@ -99,6 +106,41 @@
               observer: '_disabledChanged'
             },
 
+            /**
+             * This attribute indicates that the user cannot modify the value of the control.
+             */
+            readonly: {
+              type: Boolean,
+              reflectToAttribute: true,
+              observer: '_readonlyChanged'
+            },
+
+            /**
+             * This property is set to true when the value is invalid.
+             */
+            invalid: {
+              type: Boolean,
+              reflectToAttribute: true,
+              notify: true,
+              value: false
+            },
+
+            /**
+             * Specifies that the user must fill in a value.
+             */
+            required: {
+              type: Boolean,
+              reflectToAttribute: true
+            },
+
+            /**
+             * Error to show when the input value is invalid.
+             */
+            errorMessage: {
+              type: String,
+              value: ''
+            },
+
             _checkedButton: {
               type: Object,
               observer: '_checkedButtonChanged'
@@ -160,6 +202,8 @@
           }
 
           this.setAttribute('role', 'radiogroup');
+
+          this.addEventListener('focusout', e => this.validate());
         }
 
         get _radioButtons() {
@@ -177,13 +221,21 @@
           this._radioButtons.forEach(button => button.disabled = disabled);
         }
 
+        _readonlyChanged(readonly) {
+          // it's not possible to set readonly to radio buttons, but by disabling
+          // all other radio buttons.
+          this._radioButtons.forEach(button =>
+            button.disabled = this.disabled || button !== this._checkedButton && readonly);
+        }
+
         _addActiveListeners() {
           this.addEventListener('keydown', e => {
-            // if e.target is vaadin-radio-group then assign to checkedRadioButton currently checked radio button
-            var checkedRadioButton = (e.target == this) ? this._checkedButton : e.target;
-            if (this.disabled) {
+
+            if (this.disabled || this.readonly) {
               return;
             }
+            // if e.target is vaadin-radio-group then assign to checkedRadioButton currently checked radio button
+            var checkedRadioButton = (e.target == this) ? this._checkedButton : e.target;
 
             // LEFT, UP - select previous radio button
             if (e.keyCode === 37 || e.keyCode === 38) {
@@ -216,6 +268,7 @@
           return this.contains(activeElement);
         }
 
+
         _hasEnabledButtons() {
           return !this._radioButtons.every((button) => button.disabled);
         }
@@ -250,14 +303,13 @@
 
         _changeSelectedButton(button) {
           this._checkedButton = button;
-
           this._setFocusable(this._radioButtons.indexOf(button));
         }
 
         _checkedButtonChanged(checkedButton) {
           this._radioButtons.forEach(button => button.checked = button === checkedButton);
-
           this.value = checkedButton.value;
+          this.validate();
         }
 
         _valueChanged(newV, oldV) {
@@ -270,6 +322,30 @@
               console.warn(`No <vaadin-radio-button> with value ${newV} found.`);
             }
           }
+
+          if (newV !== '' && newV != null) {
+            this.setAttribute('has-value', '');
+          } else {
+            this.removeAttribute('has-value');
+          }
+        }
+
+        /**
+         * Returns true if `value` is valid.
+         * `<iron-form>` uses this to check the validity or all its elements.
+         *
+         * @return {boolean} True if the value is valid.
+         */
+        validate() {
+          return !(this.invalid = !this.checkValidity());
+        }
+
+        /**
+         * Returns true if the current input value satisfies all constraints (if any)
+         * @returns {boolean}
+         */
+        checkValidity() {
+          return !this.required || this.value;
         }
 
         _setFocusable(idx) {
@@ -285,6 +361,13 @@
           }
         }
 
+        _getActiveErrorId(invalid, errorMessage, errorId) {
+          return errorMessage && invalid ? errorId : undefined;
+        }
+
+        _getErrorMessageAriaHidden(invalid, errorMessage, errorId) {
+          return (!this._getActiveErrorId(invalid, errorMessage, errorId)).toString();
+        }
       }
 
       customElements.define(RadioGroupElement.is, RadioGroupElement);

From 838dd0aabea6a93fde6752683e09c68e4442dd6d Mon Sep 17 00:00:00 2001
From: Manolo Carrasco <manolo@apache.org>
Date: Tue, 26 Jun 2018 15:12:06 +0200
Subject: [PATCH 2/9] Add a demo for validation and error-message

---
 demo/radio-group-demos.html | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/demo/radio-group-demos.html b/demo/radio-group-demos.html
index f1401b3..7656468 100644
--- a/demo/radio-group-demos.html
+++ b/demo/radio-group-demos.html
@@ -29,6 +29,17 @@ <h3>Radio Group Disabled</h3>
       </template>
     </vaadin-demo-snippet>
 
+    <h3>Validation</h3>
+    <vaadin-demo-snippet id="radio-group-demos-radio-group-validate">
+      <template preserve-content>
+        <vaadin-radio-group required error-message="Please select a valid option" label="Occupation" theme="vertical">
+          <vaadin-radio-button value="professional">Professional</vaadin-radio-button>
+          <vaadin-radio-button value="teacher">Teacher</vaadin-radio-button>
+          <vaadin-radio-button value="student">Student</vaadin-radio-button>
+        </vaadin-radio-group>
+      </template>
+    </vaadin-demo-snippet>
+
     <h3>Radio Group with Value</h3>
     <vaadin-demo-snippet id="radio-group-demos-radio-group-value">
       <template preserve-content>

From 08c077fb3500b4479e882fba14e51c752abe3f2f Mon Sep 17 00:00:00 2001
From: Manolo Carrasco <manolo@apache.org>
Date: Tue, 26 Jun 2018 15:13:00 +0200
Subject: [PATCH 3/9] Adding error message styles for Lumo and Material

---
 theme/lumo/vaadin-radio-group-styles.html     | 23 +++++++++++++++++++
 theme/material/vaadin-radio-group-styles.html | 17 ++++++++++++++
 2 files changed, 40 insertions(+)

diff --git a/theme/lumo/vaadin-radio-group-styles.html b/theme/lumo/vaadin-radio-group-styles.html
index 8e467d7..b8bb982 100644
--- a/theme/lumo/vaadin-radio-group-styles.html
+++ b/theme/lumo/vaadin-radio-group-styles.html
@@ -55,6 +55,29 @@
       :host([invalid]) [part="label"] {
         color: var(--lumo-error-text-color);
       }
+
+      [part="error-message"] {
+        margin-left: calc(var(--lumo-border-radius) / 4);
+        font-size: var(--lumo-font-size-xs);
+        line-height: var(--lumo-line-height-xs);
+        color: var(--lumo-error-text-color);
+        will-change: max-height;
+        transition: 0.4s max-height;
+        max-height: 5em;
+      }
+
+      /* Margin that doesn’t reserve space when there’s no error message */
+      [part="error-message"]:not(:empty)::before,
+      [part="error-message"]:not(:empty)::after {
+        content: "";
+        display: block;
+        height: 0.4em;
+      }
+
+      :host(:not([invalid])) [part="error-message"] {
+        max-height: 0;
+        overflow: hidden;
+      }
     </style>
   </template>
 </dom-module>
diff --git a/theme/material/vaadin-radio-group-styles.html b/theme/material/vaadin-radio-group-styles.html
index 4911c2e..20b824d 100644
--- a/theme/material/vaadin-radio-group-styles.html
+++ b/theme/material/vaadin-radio-group-styles.html
@@ -62,6 +62,23 @@
       :host([invalid]) [part="label"] {
         color: var(--material-error-text-color);
       }
+
+      [part="error-message"] {
+        font-size: .75em;
+        line-height: 1;
+        color: var(--material-error-text-color);
+        margin-top: 6px;
+      }
+
+      :host(:not([invalid])) [part="error-message"] {
+        margin-top: 0;
+        max-height: 0;
+        overflow: hidden;
+      }
+
+      :host([invalid]) [part="error-message"] {
+        animation: reveal 0.2s;
+      }
     </style>
   </template>
 </dom-module>

From d81029bd4c8a3cde456b28339bf782a6d45284f3 Mon Sep 17 00:00:00 2001
From: Manolo Carrasco <manolo@apache.org>
Date: Tue, 26 Jun 2018 15:26:12 +0200
Subject: [PATCH 4/9] Recalculate disabled buttons on checked changes

---
 src/vaadin-radio-group.html | 23 +++++++++++++++++------
 1 file changed, 17 insertions(+), 6 deletions(-)

diff --git a/src/vaadin-radio-group.html b/src/vaadin-radio-group.html
index 667c415..b144129 100644
--- a/src/vaadin-radio-group.html
+++ b/src/vaadin-radio-group.html
@@ -217,15 +217,25 @@
 
         _disabledChanged(disabled) {
           this.setAttribute('aria-disabled', disabled);
+          this._updateDisableButtons();
+        }
 
-          this._radioButtons.forEach(button => button.disabled = disabled);
+        _updateDisableButtons() {
+          this._radioButtons.forEach(button => {
+            if (this.disabled) {
+              button.disabled = true;
+            } else if (this.readonly) {
+             // it's not possible to set readonly to radio buttons, but we can
+             // unchecked ones instead.
+              button.disabled = button !== this._checkedButton && this.readonly;
+            } else {
+              button.disabled = false;
+            }
+          });
         }
 
-        _readonlyChanged(readonly) {
-          // it's not possible to set readonly to radio buttons, but by disabling
-          // all other radio buttons.
-          this._radioButtons.forEach(button =>
-            button.disabled = this.disabled || button !== this._checkedButton && readonly);
+        _readonlyChanged(newV, oldV) {
+          (newV || oldV)  && this._updateDisableButtons();
         }
 
         _addActiveListeners() {
@@ -303,6 +313,7 @@
 
         _changeSelectedButton(button) {
           this._checkedButton = button;
+          this.readonly && this._updateDisableButtons();
           this._setFocusable(this._radioButtons.indexOf(button));
         }
 

From 3bd0af274added2d92c36804e07d3ec38e9c7fda Mon Sep 17 00:00:00 2001
From: Manolo Carrasco <manolo@apache.org>
Date: Tue, 26 Jun 2018 17:32:45 +0200
Subject: [PATCH 5/9] Fix errorId generator

---
 src/vaadin-radio-group.html | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/vaadin-radio-group.html b/src/vaadin-radio-group.html
index b144129..e0750d9 100644
--- a/src/vaadin-radio-group.html
+++ b/src/vaadin-radio-group.html
@@ -141,6 +141,10 @@
               value: ''
             },
 
+            _errorId: {
+              type: String
+            },
+
             _checkedButton: {
               type: Object,
               observer: '_checkedButtonChanged'
@@ -204,6 +208,9 @@
           this.setAttribute('role', 'radiogroup');
 
           this.addEventListener('focusout', e => this.validate());
+
+          const uniqueId = RadioGroupElement._uniqueId = 1 + RadioGroupElement._uniqueId || 0;
+          this._errorId = `${this.constructor.is}-error-${uniqueId}`;
         }
 
         get _radioButtons() {
@@ -356,7 +363,7 @@
          * @returns {boolean}
          */
         checkValidity() {
-          return !this.required || this.value;
+          return !this.required || !!this.value;
         }
 
         _setFocusable(idx) {

From 3b62bcacdd64f5dc1ee79395650b437fd5edcec9 Mon Sep 17 00:00:00 2001
From: Manolo Carrasco <manolo@apache.org>
Date: Tue, 26 Jun 2018 17:41:39 +0200
Subject: [PATCH 6/9] Adding tests covering new props, attrs and validation

---
 src/vaadin-radio-group.html  |  6 ++--
 test/vaadin-radio-group.html | 67 +++++++++++++++++++++++++++++++++++-
 2 files changed, 69 insertions(+), 4 deletions(-)

diff --git a/src/vaadin-radio-group.html b/src/vaadin-radio-group.html
index e0750d9..05f2acd 100644
--- a/src/vaadin-radio-group.html
+++ b/src/vaadin-radio-group.html
@@ -232,8 +232,8 @@
             if (this.disabled) {
               button.disabled = true;
             } else if (this.readonly) {
-             // it's not possible to set readonly to radio buttons, but we can
-             // unchecked ones instead.
+              // it's not possible to set readonly to radio buttons, but we can
+              // unchecked ones instead.
               button.disabled = button !== this._checkedButton && this.readonly;
             } else {
               button.disabled = false;
@@ -242,7 +242,7 @@
         }
 
         _readonlyChanged(newV, oldV) {
-          (newV || oldV)  && this._updateDisableButtons();
+          (newV || oldV) && this._updateDisableButtons();
         }
 
         _addActiveListeners() {
diff --git a/test/vaadin-radio-group.html b/test/vaadin-radio-group.html
index 941e646..88e7712 100644
--- a/test/vaadin-radio-group.html
+++ b/test/vaadin-radio-group.html
@@ -35,12 +35,23 @@
 
   <script>
     describe('vaadin-radio-group', () => {
-      var vaadinRadioButtonGroup, vaadinRadioButtonList,
+
+      function blur(e) {
+        e.dispatchEvent(new CustomEvent('focusout', {bubbles: true, composed: true}));
+      }
+
+      function visible(e) {
+        const rect = e.getBoundingClientRect();
+        return !!(rect.width && rect.height);
+      }
+
+      var vaadinRadioButtonGroup, vaadinRadioButtonList, errorElement,
         buttonsListWithDisabled, groupWithDisabledButton;
 
       beforeEach(() => {
         vaadinRadioButtonGroup = fixture('default');
         vaadinRadioButtonList = vaadinRadioButtonGroup.querySelectorAll('vaadin-radio-button');
+        errorElement = vaadinRadioButtonGroup.shadowRoot.querySelector('[part="error-message"]');
 
         groupWithDisabledButton = fixture('with-disabled-button');
         buttonsListWithDisabled = groupWithDisabledButton.querySelectorAll('vaadin-radio-button');
@@ -215,6 +226,60 @@
         expect(vaadinRadioButtonGroup.label).to.be.equal('foo');
       });
 
+      it('should disable unchecked buttons when readonly', () => {
+        vaadinRadioButtonGroup.readonly = true;
+        expect(vaadinRadioButtonList[0].disabled).to.be.true;
+        expect(vaadinRadioButtonList[1].disabled).to.be.true;
+        expect(vaadinRadioButtonList[2].disabled).to.be.true;
+
+        vaadinRadioButtonGroup.value = '2';
+        expect(vaadinRadioButtonList[0].disabled).to.be.true;
+        expect(vaadinRadioButtonList[1].disabled).to.be.false;
+        expect(vaadinRadioButtonList[2].disabled).to.be.true;
+
+        vaadinRadioButtonGroup.readonly = false;
+        expect(vaadinRadioButtonList[0].disabled).to.be.false;
+        expect(vaadinRadioButtonList[1].disabled).to.be.false;
+        expect(vaadinRadioButtonList[2].disabled).to.be.false;
+      });
+
+      it('should validate when field is not required', () => {
+        expect(vaadinRadioButtonGroup.checkValidity()).to.be.true;
+        expect(vaadinRadioButtonGroup.invalid).to.be.false;
+      });
+
+      it('should validate when field is required and user has not blurred', () => {
+        vaadinRadioButtonGroup.required = true;
+        expect(vaadinRadioButtonGroup.checkValidity()).to.be.false;
+        expect(vaadinRadioButtonGroup.invalid).to.be.false;
+      });
+
+      it('should validate when field is required and user blurs', () => {
+        vaadinRadioButtonGroup.required = true;
+        blur(vaadinRadioButtonGroup);
+        expect(vaadinRadioButtonGroup.checkValidity()).to.be.false;
+        expect(vaadinRadioButtonGroup.invalid).to.be.true;
+      });
+
+      it('error should have appropriate aria attributes and id', () => {
+        expect(errorElement.getAttribute('aria-live')).to.be.equal('assertive');
+        expect(errorElement.getAttribute('aria-hidden')).to.be.equal('true');
+        expect(/^vaadin-radio-group-error-\d+$/.test(errorElement.id)).to.be.true;
+      });
+
+      it('should hide error message by default', () => {
+        vaadinRadioButtonGroup.errorMessage = 'Bad input!';
+        expect(visible(errorElement)).to.be.false;
+      });
+
+      it('should show error message on invalid', () => {
+        vaadinRadioButtonGroup.required = true;
+        vaadinRadioButtonGroup.errorMessage = 'Bad input!';
+        blur(vaadinRadioButtonGroup);
+
+        expect(visible(errorElement)).to.be.true;
+        expect(errorElement.getAttribute('aria-hidden')).to.be.equal('false');
+      });
     });
   </script>
 </body>

From 4f3cc19882994e1b577609d8a91a0a275936e2bd Mon Sep 17 00:00:00 2001
From: Manolo Carrasco <manolo@apache.org>
Date: Wed, 27 Jun 2018 13:10:14 +0200
Subject: [PATCH 7/9] Adding error message to visual tests

---
 test/visual/default.html                      |   5 +++++
 .../default-tests/default/android.png         | Bin 2321 -> 4949 bytes
 .../default-tests/default/chrome.png          | Bin 2314 -> 4458 bytes
 .../default-tests/default/edge.png            | Bin 2381 -> 4465 bytes
 .../default-tests/default/firefox.png         | Bin 2439 -> 4358 bytes
 .../default-tests/default/ie.png              | Bin 2411 -> 4579 bytes
 6 files changed, 5 insertions(+)

diff --git a/test/visual/default.html b/test/visual/default.html
index 3709079..41c97e0 100644
--- a/test/visual/default.html
+++ b/test/visual/default.html
@@ -16,6 +16,11 @@
       <vaadin-radio-button disabled>2</vaadin-radio-button>
       <vaadin-radio-button>3</vaadin-radio-button>
     </vaadin-radio-group>
+
+    <vaadin-radio-group error-message='Error message' invalid>
+      <vaadin-radio-button checked>1</vaadin-radio-button>
+      <vaadin-radio-button>2</vaadin-radio-button>
+    </vaadin-radio-group>
   </div>
 
 </body>
diff --git a/test/visual/screens/vaadin-radio-button/default-tests/default/android.png b/test/visual/screens/vaadin-radio-button/default-tests/default/android.png
index c0ce23099c697cf1ce74bba80e66ae3012677b70..33312afcdd2f2b19f3baead6bcdd687532eaf99e 100644
GIT binary patch
literal 4949
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

literal 2321
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
BK#KqX

diff --git a/test/visual/screens/vaadin-radio-button/default-tests/default/chrome.png b/test/visual/screens/vaadin-radio-button/default-tests/default/chrome.png
index c3e6fdae640024e27196bce519a302c3346df267..595b8f3817412b9e280143fcb5cc284ce03c5def 100644
GIT binary patch
literal 4458
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
Sd76j)K0{qIo$8x+<NgQD7n?u;

literal 2314
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

diff --git a/test/visual/screens/vaadin-radio-button/default-tests/default/edge.png b/test/visual/screens/vaadin-radio-button/default-tests/default/edge.png
index dc2dfe4b2a27c81115dacabe9500e20a9200367e..66a57a112600c3c3ccdca535cc79b132f9177fea 100644
GIT binary patch
literal 4465
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
EKU`;?2><{9

literal 2381
zcmbVOc{rQ-7LIC}(om|jYPmC7M5a`mP`fGG+6^+As=XCKEVUD%Ogn82F4|}<btw^v
z1XG&Uk|@(!TKke#La5q@AQ82M%h&twJomZxpYM5}@A=Mq&hI_%`JL~9lfxCTgrWop
z1Oi)MwR8r7M3?ul`FCP_&!)tJX%OhJoVDdouCWD+qoKiw80EH=9$``ftH16!X88RP
z$<aU%s!-2XtXNVT<Bv5jaSo3->{#%j9p>Y}yz1MYqIq~;6#VYj-#^tDsM`4v1~D=v
z>QvUO{5{{appPNeXf%Y@gyA;LD5=(#9SY%^%&=ebtJk3uZwwe5gPE9wxYgGj4mSpi
zzlA)oR}u&W&D-^t1`tT@a<ce7Y8L%&zi1FB79^qq0O@};i|&JQk%O_o3*%%E5R@!_
zkOx=c?AB%o&JHRv{SsoxaQdv@H)`ez5`SxIu}_$-vhkQdIH3pcHY%LOT9@nB%8ZNb
z^IQ{)gD!9U={{l^4P^F?dv#5eLs9FA(b>5QBx+76a2r3?I`1+RrO^=eWyLQZBM8Hg
zajU5mo)-V^2tZ?QswcW_v^h7){h%B&rdx$EEC^zXM8Ue1lR_E(m*R_~0WPQeT@e2I
zTt%z+VEET$L%~ZD&eOJpSL*4`BH_tKY<S=db*q#<U|6WhmI5LqBIshKxJ(sdp^=hO
zdsYjXjHvo`Q(Te;sFB=qBiNUAnG!J-iD14{AQIXTZXU0cfk-+33(eA+Zr^)ke?IHZ
z|EH{BJRjT@J%^io6|W!qb5LWL5%8Jj2NV)t=QOz@bX*AFu)~G9bc$+SWk(;c-eX#y
z>(s_PrCj?h8Fp3doA%Y`_eA>EGW@Ck-k_u3q+SLcFa}bpnExML{(F*?5S_nH!q!^y
zPYO2@Eszn@{y21yg}GOd1lq4KCh62w)E{{THqad1n@IfWju{?AR!U1TUGv295-O)O
zQvEs9@0g;k{SDqmr|%h(W*S89wvYqZr`i%b9Gvn39n0=t$}Q(JlTbVXYvgEe4?`AV
z|GJ7OqOH*id#se->uQ)o^SUVK`j+IpkvO&y+|QqBxEP7_t9Z~T^gSapM5Vf(J9>?f
z1z1HQTy8u;%zhCY;%t&ipzOe>Ooh{Z#3iqW)l~1{bMW(dkI*Aq5eG#@5S3bMc5u_e
z4o%%K>ra(F<Rncw*T(5+(#pP!)t5d>Ei2^U^Q6mQ#!E!+Dw1=NXVQ5>{lmxZ6g@ka
zRyFIV-Rf%XT;803gn-gzL!S`3*S%_$$54kvMMjZs_Gf_6`US+AnndkpM=On$%|X^3
z>Be(k4cAl#1O#~ucQy(~vGAMB$!Kjj{S;qTv$8$V7jbfDymqG#&f})av@wmM!e{@O
zT-LTmw)U1~mA**xr_=5c<l!)rVve?u2@I90<jVut^(zEVEOfVi8S5Z85x>=#3X1#u
zFU4r3z6NShfS132t07HYeITPHeEw4AWi7oxmx0Te5hu!O@t@iEzDBCMgmopDcC5I*
zF%hB8n-CVaN`)SUhOD6quh4}ddSY8-_u2rU?~C9=U(FixjhYV$``6uD4A<-`986qD
zg5O#tw8PpmsN4Bt9?#=4yQ789W;a52Woi8<#V4;P3spgvBaz`0a-PBOLnNHNrJ~|M
zSl{#Z#m*;Nd#A(Sf}j)dKjjF_Xci0p8F{Se`2m#dCXpxuSo(B+Rn}II`I7yDz*ufL
z#!QtS-?;Ur`iRA5_)Pj8!Oct_gzcGC<8i0TbyS)8?15EDn(4ERhZXc58y2OR$@Btq
zvr8>6ZFcLy6-)s0B`-qwuWJ*vZ!WMY+Ci^&!+(IoArx&F!~~Uk5o_!1K*gUZxJbOm
z(4ULR98?fu_v=XRlGuK<HN|a*mc3W&_XvW93e4q)9-!R$>29YhT)?}FOfru!1dKDg
z263kf(j&~P<rLNHews0iAxj?ephFYCX5Z7AB&D5Qik;@2ZGkS8WQ9#Q@L;r_5MPbC
z4>Bf6C9~h}Cu?qdMgi?M*R#1IW?{w@i>mS=v%rd^!G4_`{P3O0*X8b^*T+?8DNem_
zQMTaOroQu|32m~380(sV(%A&dAC~Y|Fd8lBN}nTOlB;^<y`c^I#0>q=%1Tt%9C+b2
z=6Xz1+fod&%+q(mX=PHvfZle$d(C=nAs08ljUn5>^OSVvRceT=birqmmzU1lw0Pi#
zG1r4GyDv%2lC6Rrn6KVd_2632j}42*E>Km`?wWFu##UH*cEHDpOpux(6He${tE<1B
z;0T^&-+i>8`{kI_T~}wz<MhTK3E9N=jGhN>wcKZVCY`3h9qt4xx)qVX+IQGiTE%AX
zw4bQcdlTHWNs%2zq8Df>XbmZnkK+t`WwX$>UM3HXtcPK(2(8L2Q5=I50?p-wMij;c
znsb}Xh+n{9nbEq5r8Dl5Merkuu|7^nR#ij3yo6XJ$|L;%E`c-pIzxkhw`i@q@Z&J`
z#bTo+uoUD|7ePAKyYm<LT?*=$-@f)&J0`IaCFxO8EnD{4aJ%#y4kJ=4A`GwNQ@RQR
zGocxF>SSr1Bc10W7_!Up#op$1WM~>`3~+&b=5vsaz1!#Y9SB8%)5&0M=b9aJ-D;H?
zLdY>BH*a?+60-duWfwj*3T;Y!9>2Bu%Wcf<ex*-9z?X;FejDWrxw&s$JrF((t3YYj
z;xk0IE0cD5dOJKV%D3#B5^?c?(UXb{Q{)0u!R&Zs&2-{ayFa*0z5G#!;(3(TaIv@3
zUPZ-DVL$898=eySPo8Phc;tYB8Ni!Fd|<M_oR)R|Q89`!4J@_ln>WP&vx2Zs)WCq{
h#s7XY{0~17+p3kHoBqm|a{sVTYHj6UNxkHq@^5xv8*~5w

diff --git a/test/visual/screens/vaadin-radio-button/default-tests/default/firefox.png b/test/visual/screens/vaadin-radio-button/default-tests/default/firefox.png
index d0a64a9bc61aeb00cf7decf1be223f9790761a08..03ba9e2d75c1d454cc6c8a2b8f377094bb80bb67 100644
GIT binary patch
literal 4358
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
TrEU~XqZO=UppDXe{_4K~H<3#8

literal 2439
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
In|LMs2_5TBjsO4v

diff --git a/test/visual/screens/vaadin-radio-button/default-tests/default/ie.png b/test/visual/screens/vaadin-radio-button/default-tests/default/ie.png
index 910f870dbf8fdfdaee08d581993d6fe34f338db3..5ce5f0372628a3cb3d71187b665f4c41b5950b37 100644
GIT binary patch
literal 4579
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
Xo;;qONqy?Twgdpyxv!1aw0->_(`eDX

literal 2411
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
K9*rj=Z~hzjOQvK1


From cdf62ee35d3a56970398db62e7c1dff232aa635f Mon Sep 17 00:00:00 2001
From: Manolo Carrasco <manolo@apache.org>
Date: Thu, 28 Jun 2018 08:18:24 +0200
Subject: [PATCH 8/9] IE and Edge needs to wait before checking error
 visibility

---
 analysis.json                | 423 ++++++++++++++++++++++++++++++-----
 src/vaadin-radio-group.html  |   3 +-
 test/vaadin-radio-group.html |  14 +-
 3 files changed, 384 insertions(+), 56 deletions(-)

diff --git a/analysis.json b/analysis.json
index 69d26e0..d07320c 100644
--- a/analysis.json
+++ b/analysis.json
@@ -8,11 +8,11 @@
       "sourceRange": {
         "file": "src/vaadin-radio-group.html",
         "start": {
-          "line": 294,
+          "line": 394,
           "column": 6
         },
         "end": {
-          "line": 294,
+          "line": 394,
           "column": 42
         }
       },
@@ -1454,7 +1454,7 @@
           ]
         },
         {
-          "description": "`<vaadin-radio-group>` is a Polymer element for grouping vaadin-radio-buttons.\n\n```html\n<vaadin-radio-group>\n  <vaadin-radio-button name=\"foo\">Foo</vaadin-radio-button>\n  <vaadin-radio-button name=\"bar\">Bar</vaadin-radio-button>\n  <vaadin-radio-button name=\"baz\">Baz</vaadin-radio-button>\n</vaadin-radio-group>\n```\n\n### Styling\n\nThe following shadow DOM parts are available for styling:\n\nPart name | Description\n----------------|----------------\n`label` | The label element\n`group-field` | The element that wraps radio-buttons\n\nThe following state attributes are available for styling:\n\nAttribute  | Description | Part name\n-----------|-------------|------------\n`disabled` | Set when the radio group and its children are disabled. | :host\n`has-label` | Set when the element has a label | :host\n\nSee [ThemableMixin – how to apply styles for shadow parts](https://github.com/vaadin/vaadin-themable-mixin/wiki)",
+          "description": "`<vaadin-radio-group>` is a Polymer element for grouping vaadin-radio-buttons.\n\n```html\n<vaadin-radio-group>\n  <vaadin-radio-button name=\"foo\">Foo</vaadin-radio-button>\n  <vaadin-radio-button name=\"bar\">Bar</vaadin-radio-button>\n  <vaadin-radio-button name=\"baz\">Baz</vaadin-radio-button>\n</vaadin-radio-group>\n```\n\n### Styling\n\nThe following shadow DOM parts are available for styling:\n\nPart name | Description\n----------------|----------------\n`label` | The label element\n`group-field` | The element that wraps radio-buttons\n\nThe following state attributes are available for styling:\n\nAttribute  | Description | Part name\n-----------|-------------|------------\n`disabled`   | Set when the radio group and its children are disabled. | :host\n`readonly` | Set to a readonly text field | :host\n`invalid` | Set when the element is invalid | :host\n`has-label` | Set when the element has a label | :host\n\nSee [ThemableMixin – how to apply styles for shadow parts](https://github.com/vaadin/vaadin-themable-mixin/wiki)",
           "summary": "",
           "path": "src/vaadin-radio-group.html",
           "properties": [
@@ -1465,11 +1465,11 @@
               "privacy": "protected",
               "sourceRange": {
                 "start": {
-                  "line": 164,
+                  "line": 214,
                   "column": 8
                 },
                 "end": {
-                  "line": 166,
+                  "line": 216,
                   "column": 9
                 }
               },
@@ -1486,11 +1486,11 @@
               "privacy": "public",
               "sourceRange": {
                 "start": {
-                  "line": 95,
+                  "line": 101,
                   "column": 12
                 },
                 "end": {
-                  "line": 99,
+                  "line": 105,
                   "column": 13
                 }
               },
@@ -1501,6 +1501,115 @@
                 }
               }
             },
+            {
+              "name": "readonly",
+              "type": "boolean | null | undefined",
+              "description": "This attribute indicates that the user cannot modify the value of the control.",
+              "privacy": "public",
+              "sourceRange": {
+                "start": {
+                  "line": 110,
+                  "column": 12
+                },
+                "end": {
+                  "line": 114,
+                  "column": 13
+                }
+              },
+              "metadata": {
+                "polymer": {
+                  "observer": "\"_readonlyChanged\"",
+                  "attributeType": "Boolean"
+                }
+              }
+            },
+            {
+              "name": "invalid",
+              "type": "boolean | null | undefined",
+              "description": "This property is set to true when the value is invalid.",
+              "privacy": "public",
+              "sourceRange": {
+                "start": {
+                  "line": 119,
+                  "column": 12
+                },
+                "end": {
+                  "line": 124,
+                  "column": 13
+                }
+              },
+              "metadata": {
+                "polymer": {
+                  "notify": true,
+                  "attributeType": "Boolean"
+                }
+              },
+              "defaultValue": "false"
+            },
+            {
+              "name": "required",
+              "type": "boolean | null | undefined",
+              "description": "Specifies that the user must fill in a value.",
+              "privacy": "public",
+              "sourceRange": {
+                "start": {
+                  "line": 129,
+                  "column": 12
+                },
+                "end": {
+                  "line": 132,
+                  "column": 13
+                }
+              },
+              "metadata": {
+                "polymer": {
+                  "attributeType": "Boolean"
+                }
+              }
+            },
+            {
+              "name": "errorMessage",
+              "type": "string | null | undefined",
+              "description": "Error to show when the input value is invalid.",
+              "privacy": "public",
+              "sourceRange": {
+                "start": {
+                  "line": 137,
+                  "column": 12
+                },
+                "end": {
+                  "line": 140,
+                  "column": 13
+                }
+              },
+              "metadata": {
+                "polymer": {
+                  "attributeType": "String"
+                }
+              },
+              "defaultValue": "\"\""
+            },
+            {
+              "name": "_errorId",
+              "type": "string | null | undefined",
+              "description": "",
+              "privacy": "protected",
+              "sourceRange": {
+                "start": {
+                  "line": 142,
+                  "column": 12
+                },
+                "end": {
+                  "line": 144,
+                  "column": 13
+                }
+              },
+              "metadata": {
+                "polymer": {
+                  "attributeType": "String"
+                }
+              }
+            },
             {
               "name": "_checkedButton",
               "type": "Object | null | undefined",
@@ -1508,11 +1617,11 @@
               "privacy": "protected",
               "sourceRange": {
                 "start": {
-                  "line": 101,
+                  "line": 146,
                   "column": 12
                 },
                 "end": {
-                  "line": 104,
+                  "line": 149,
                   "column": 13
                 }
               },
@@ -1530,11 +1639,11 @@
               "privacy": "public",
               "sourceRange": {
                 "start": {
-                  "line": 109,
+                  "line": 154,
                   "column": 12
                 },
                 "end": {
-                  "line": 113,
+                  "line": 158,
                   "column": 13
                 }
               },
@@ -1553,11 +1662,11 @@
               "privacy": "public",
               "sourceRange": {
                 "start": {
-                  "line": 118,
+                  "line": 163,
                   "column": 12
                 },
                 "end": {
-                  "line": 122,
+                  "line": 167,
                   "column": 13
                 }
               },
@@ -1577,11 +1686,11 @@
               "privacy": "private",
               "sourceRange": {
                 "start": {
-                  "line": 129,
+                  "line": 174,
                   "column": 8
                 },
                 "end": {
-                  "line": 150,
+                  "line": 195,
                   "column": 9
                 }
               },
@@ -1597,11 +1706,11 @@
               "privacy": "protected",
               "sourceRange": {
                 "start": {
-                  "line": 152,
+                  "line": 197,
                   "column": 8
                 },
                 "end": {
-                  "line": 162,
+                  "line": 212,
                   "column": 9
                 }
               },
@@ -1617,11 +1726,11 @@
               "privacy": "protected",
               "sourceRange": {
                 "start": {
-                  "line": 168,
+                  "line": 218,
                   "column": 8
                 },
                 "end": {
-                  "line": 171,
+                  "line": 221,
                   "column": 9
                 }
               },
@@ -1638,11 +1747,11 @@
               "privacy": "protected",
               "sourceRange": {
                 "start": {
-                  "line": 173,
+                  "line": 223,
                   "column": 8
                 },
                 "end": {
-                  "line": 177,
+                  "line": 226,
                   "column": 9
                 }
               },
@@ -1656,17 +1765,64 @@
                 "type": "void"
               }
             },
+            {
+              "name": "_updateDisableButtons",
+              "description": "",
+              "privacy": "protected",
+              "sourceRange": {
+                "start": {
+                  "line": 228,
+                  "column": 8
+                },
+                "end": {
+                  "line": 240,
+                  "column": 9
+                }
+              },
+              "metadata": {},
+              "params": [],
+              "return": {
+                "type": "void"
+              }
+            },
+            {
+              "name": "_readonlyChanged",
+              "description": "",
+              "privacy": "protected",
+              "sourceRange": {
+                "start": {
+                  "line": 242,
+                  "column": 8
+                },
+                "end": {
+                  "line": 244,
+                  "column": 9
+                }
+              },
+              "metadata": {},
+              "params": [
+                {
+                  "name": "newV"
+                },
+                {
+                  "name": "oldV"
+                }
+              ],
+              "return": {
+                "type": "void"
+              }
+            },
             {
               "name": "_addActiveListeners",
               "description": "",
               "privacy": "protected",
               "sourceRange": {
                 "start": {
-                  "line": 179,
+                  "line": 246,
                   "column": 8
                 },
                 "end": {
-                  "line": 199,
+                  "line": 267,
                   "column": 9
                 }
               },
@@ -1682,11 +1838,11 @@
               "privacy": "protected",
               "sourceRange": {
                 "start": {
-                  "line": 201,
+                  "line": 269,
                   "column": 8
                 },
                 "end": {
-                  "line": 209,
+                  "line": 277,
                   "column": 9
                 }
               },
@@ -1709,11 +1865,11 @@
               "privacy": "protected",
               "sourceRange": {
                 "start": {
-                  "line": 211,
+                  "line": 279,
                   "column": 8
                 },
                 "end": {
-                  "line": 216,
+                  "line": 284,
                   "column": 9
                 }
               },
@@ -1726,11 +1882,11 @@
               "privacy": "protected",
               "sourceRange": {
                 "start": {
-                  "line": 218,
+                  "line": 287,
                   "column": 8
                 },
                 "end": {
-                  "line": 220,
+                  "line": 289,
                   "column": 9
                 }
               },
@@ -1743,11 +1899,11 @@
               "privacy": "protected",
               "sourceRange": {
                 "start": {
-                  "line": 222,
+                  "line": 291,
                   "column": 8
                 },
                 "end": {
-                  "line": 234,
+                  "line": 303,
                   "column": 9
                 }
               },
@@ -1767,11 +1923,11 @@
               "privacy": "protected",
               "sourceRange": {
                 "start": {
-                  "line": 236,
+                  "line": 305,
                   "column": 8
                 },
                 "end": {
-                  "line": 248,
+                  "line": 317,
                   "column": 9
                 }
               },
@@ -1791,11 +1947,11 @@
               "privacy": "protected",
               "sourceRange": {
                 "start": {
-                  "line": 250,
+                  "line": 319,
                   "column": 8
                 },
                 "end": {
-                  "line": 254,
+                  "line": 323,
                   "column": 9
                 }
               },
@@ -1815,11 +1971,11 @@
               "privacy": "protected",
               "sourceRange": {
                 "start": {
-                  "line": 256,
+                  "line": 325,
                   "column": 8
                 },
                 "end": {
-                  "line": 260,
+                  "line": 329,
                   "column": 9
                 }
               },
@@ -1839,11 +1995,11 @@
               "privacy": "protected",
               "sourceRange": {
                 "start": {
-                  "line": 262,
+                  "line": 331,
                   "column": 8
                 },
                 "end": {
-                  "line": 272,
+                  "line": 347,
                   "column": 9
                 }
               },
@@ -1860,17 +2016,58 @@
                 "type": "void"
               }
             },
+            {
+              "name": "validate",
+              "description": "Returns true if `value` is valid.\n`<iron-form>` uses this to check the validity or all its elements.",
+              "privacy": "public",
+              "sourceRange": {
+                "start": {
+                  "line": 355,
+                  "column": 8
+                },
+                "end": {
+                  "line": 357,
+                  "column": 9
+                }
+              },
+              "metadata": {},
+              "params": [],
+              "return": {
+                "type": "boolean",
+                "desc": "True if the value is valid."
+              }
+            },
+            {
+              "name": "checkValidity",
+              "description": "Returns true if the current input value satisfies all constraints (if any)",
+              "privacy": "public",
+              "sourceRange": {
+                "start": {
+                  "line": 363,
+                  "column": 8
+                },
+                "end": {
+                  "line": 365,
+                  "column": 9
+                }
+              },
+              "metadata": {},
+              "params": [],
+              "return": {
+                "type": "boolean"
+              }
+            },
             {
               "name": "_setFocusable",
               "description": "",
               "privacy": "protected",
               "sourceRange": {
                 "start": {
-                  "line": 274,
+                  "line": 367,
                   "column": 8
                 },
                 "end": {
-                  "line": 277,
+                  "line": 370,
                   "column": 9
                 }
               },
@@ -1890,11 +2087,11 @@
               "privacy": "protected",
               "sourceRange": {
                 "start": {
-                  "line": 279,
+                  "line": 372,
                   "column": 8
                 },
                 "end": {
-                  "line": 285,
+                  "line": 378,
                   "column": 9
                 }
               },
@@ -1907,6 +2104,60 @@
               "return": {
                 "type": "void"
               }
+            },
+            {
+              "name": "_getActiveErrorId",
+              "description": "",
+              "privacy": "protected",
+              "sourceRange": {
+                "start": {
+                  "line": 380,
+                  "column": 8
+                },
+                "end": {
+                  "line": 382,
+                  "column": 9
+                }
+              },
+              "metadata": {},
+              "params": [
+                {
+                  "name": "invalid"
+                },
+                {
+                  "name": "errorMessage"
+                },
+                {
+                  "name": "errorId"
+                }
+              ]
+            },
+            {
+              "name": "_getErrorMessageAriaHidden",
+              "description": "",
+              "privacy": "protected",
+              "sourceRange": {
+                "start": {
+                  "line": 384,
+                  "column": 8
+                },
+                "end": {
+                  "line": 386,
+                  "column": 9
+                }
+              },
+              "metadata": {},
+              "params": [
+                {
+                  "name": "invalid"
+                },
+                {
+                  "name": "errorMessage"
+                },
+                {
+                  "name": "errorId"
+                }
+              ]
             }
           ],
           "staticMethods": [
@@ -1997,11 +2248,11 @@
           "metadata": {},
           "sourceRange": {
             "start": {
-              "line": 85,
+              "line": 91,
               "column": 6
             },
             "end": {
-              "line": 287,
+              "line": 387,
               "column": 7
             }
           },
@@ -2014,27 +2265,91 @@
               "description": "The current disabled state of the radio group. True if group and all internal radio buttons are disabled.",
               "sourceRange": {
                 "start": {
-                  "line": 95,
+                  "line": 101,
+                  "column": 12
+                },
+                "end": {
+                  "line": 105,
+                  "column": 13
+                }
+              },
+              "metadata": {},
+              "type": "boolean | null | undefined"
+            },
+            {
+              "name": "readonly",
+              "description": "This attribute indicates that the user cannot modify the value of the control.",
+              "sourceRange": {
+                "start": {
+                  "line": 110,
                   "column": 12
                 },
                 "end": {
-                  "line": 99,
+                  "line": 114,
                   "column": 13
                 }
               },
               "metadata": {},
               "type": "boolean | null | undefined"
             },
+            {
+              "name": "invalid",
+              "description": "This property is set to true when the value is invalid.",
+              "sourceRange": {
+                "start": {
+                  "line": 119,
+                  "column": 12
+                },
+                "end": {
+                  "line": 124,
+                  "column": 13
+                }
+              },
+              "metadata": {},
+              "type": "boolean | null | undefined"
+            },
+            {
+              "name": "required",
+              "description": "Specifies that the user must fill in a value.",
+              "sourceRange": {
+                "start": {
+                  "line": 129,
+                  "column": 12
+                },
+                "end": {
+                  "line": 132,
+                  "column": 13
+                }
+              },
+              "metadata": {},
+              "type": "boolean | null | undefined"
+            },
+            {
+              "name": "error-message",
+              "description": "Error to show when the input value is invalid.",
+              "sourceRange": {
+                "start": {
+                  "line": 137,
+                  "column": 12
+                },
+                "end": {
+                  "line": 140,
+                  "column": 13
+                }
+              },
+              "metadata": {},
+              "type": "string | null | undefined"
+            },
             {
               "name": "label",
               "description": "String used for the label element.",
               "sourceRange": {
                 "start": {
-                  "line": 109,
+                  "line": 154,
                   "column": 12
                 },
                 "end": {
-                  "line": 113,
+                  "line": 158,
                   "column": 13
                 }
               },
@@ -2046,11 +2361,11 @@
               "description": "Value of the radio group.",
               "sourceRange": {
                 "start": {
-                  "line": 118,
+                  "line": 163,
                   "column": 12
                 },
                 "end": {
-                  "line": 122,
+                  "line": 167,
                   "column": 13
                 }
               },
@@ -2059,6 +2374,12 @@
             }
           ],
           "events": [
+            {
+              "type": "CustomEvent",
+              "name": "invalid-changed",
+              "description": "Fired when the `invalid` property changes.",
+              "metadata": {}
+            },
             {
               "type": "CustomEvent",
               "name": "value-changed",
diff --git a/src/vaadin-radio-group.html b/src/vaadin-radio-group.html
index 05f2acd..cd5b0dd 100644
--- a/src/vaadin-radio-group.html
+++ b/src/vaadin-radio-group.html
@@ -78,9 +78,8 @@
        * Attribute  | Description | Part name
        * -----------|-------------|------------
        * `disabled`   | Set when the radio group and its children are disabled. | :host
-       * `invalid` | Set when the element is invalid | :host
-       * `focused` | Set when the element is focused | :host
        * `readonly` | Set to a readonly text field | :host
+       * `invalid` | Set when the element is invalid | :host
        * `has-label` | Set when the element has a label | :host
        *
        * See [ThemableMixin – how to apply styles for shadow parts](https://github.com/vaadin/vaadin-themable-mixin/wiki)
diff --git a/test/vaadin-radio-group.html b/test/vaadin-radio-group.html
index 88e7712..5d26ffa 100644
--- a/test/vaadin-radio-group.html
+++ b/test/vaadin-radio-group.html
@@ -267,18 +267,26 @@
         expect(/^vaadin-radio-group-error-\d+$/.test(errorElement.id)).to.be.true;
       });
 
+      it('should remove aria-hiden when error is shown', () => {
+        vaadinRadioButtonGroup.errorMessage = 'Bad input!';
+        vaadinRadioButtonGroup.invalid = true;
+        expect(errorElement.getAttribute('aria-hidden')).to.be.equal('false');
+      });
+
       it('should hide error message by default', () => {
         vaadinRadioButtonGroup.errorMessage = 'Bad input!';
         expect(visible(errorElement)).to.be.false;
       });
 
-      it('should show error message on invalid', () => {
+      it('should show error message on invalid', done => {
         vaadinRadioButtonGroup.required = true;
         vaadinRadioButtonGroup.errorMessage = 'Bad input!';
         blur(vaadinRadioButtonGroup);
 
-        expect(visible(errorElement)).to.be.true;
-        expect(errorElement.getAttribute('aria-hidden')).to.be.equal('false');
+        Polymer.Base.async(() => {
+          expect(visible(errorElement)).to.be.true;
+          done();
+        }, 100);
       });
     });
   </script>

From 67c1f5ad698824fd679c6d3bafeb4714350c462f Mon Sep 17 00:00:00 2001
From: Manolo Carrasco <manolo@apache.org>
Date: Thu, 28 Jun 2018 13:46:13 +0200
Subject: [PATCH 9/9] Remove dead code. Adding more tests

---
 analysis.json                | 926 +++++++++++++++++------------------
 src/vaadin-radio-group.html  |   4 -
 test/vaadin-radio-group.html |  55 ++-
 3 files changed, 515 insertions(+), 470 deletions(-)

diff --git a/analysis.json b/analysis.json
index d07320c..ee360b0 100644
--- a/analysis.json
+++ b/analysis.json
@@ -6,13 +6,13 @@
       "description": "",
       "summary": "",
       "sourceRange": {
-        "file": "src/vaadin-radio-group.html",
+        "file": "src/vaadin-field.html",
         "start": {
-          "line": 394,
+          "line": 266,
           "column": 6
         },
         "end": {
-          "line": 394,
+          "line": 266,
           "column": 42
         }
       },
@@ -816,9 +816,9 @@
           ]
         },
         {
-          "description": "`<vaadin-radio-group>` is a Polymer element for grouping vaadin-radio-buttons.\n\n```html\n<vaadin-radio-group>\n  <vaadin-radio-button name=\"foo\">Foo</vaadin-radio-button>\n  <vaadin-radio-button name=\"bar\">Bar</vaadin-radio-button>\n  <vaadin-radio-button name=\"baz\">Baz</vaadin-radio-button>\n</vaadin-radio-group>\n```\n\n### Styling\n\nThe following shadow DOM parts are available for styling:\n\nPart name | Description\n----------------|----------------\n`label` | The label element\n\nThe following state attributes are available for styling:\n\nAttribute  | Description | Part name\n-----------|-------------|------------\n`disabled` | Set when the radio group and its children are disabled. | :host\n`has-label` | Set when the element has a label | :host\n\nSee [ThemableMixin – how to apply styles for shadow parts](https://github.com/vaadin/vaadin-themable-mixin/wiki)",
+          "description": "`<vaadin-radio-group>` is a Polymer element for grouping vaadin-radio-buttons.\n\n```html\n<vaadin-radio-group>\n  <vaadin-radio-button name=\"foo\">Foo</vaadin-radio-button>\n  <vaadin-radio-button name=\"bar\">Bar</vaadin-radio-button>\n  <vaadin-radio-button name=\"baz\">Baz</vaadin-radio-button>\n</vaadin-radio-group>\n```\n\n### Styling\n\nThe following shadow DOM parts are available for styling:\n\nPart name | Description\n----------------|----------------\n`label` | The label element\n`group-field` | The element that wraps radio-buttons\n\nThe following state attributes are available for styling:\n\nAttribute  | Description | Part name\n-----------|-------------|------------\n`disabled`   | Set when the radio group and its children are disabled. | :host\n`readonly` | Set to a readonly text field | :host\n`invalid` | Set when the element is invalid | :host\n`has-label` | Set when the element has a label | :host\n\nSee [ThemableMixin – how to apply styles for shadow parts](https://github.com/vaadin/vaadin-themable-mixin/wiki)",
           "summary": "",
-          "path": "src/vaadin-field.html",
+          "path": "src/vaadin-radio-group.html",
           "properties": [
             {
               "name": "_radioButtons",
@@ -827,11 +827,11 @@
               "privacy": "protected",
               "sourceRange": {
                 "start": {
-                  "line": 136,
+                  "line": 214,
                   "column": 8
                 },
                 "end": {
-                  "line": 138,
+                  "line": 216,
                   "column": 9
                 }
               },
@@ -848,11 +848,11 @@
               "privacy": "public",
               "sourceRange": {
                 "start": {
-                  "line": 67,
+                  "line": 101,
                   "column": 12
                 },
                 "end": {
-                  "line": 71,
+                  "line": 105,
                   "column": 13
                 }
               },
@@ -863,6 +863,115 @@
                 }
               }
             },
+            {
+              "name": "readonly",
+              "type": "boolean | null | undefined",
+              "description": "This attribute indicates that the user cannot modify the value of the control.",
+              "privacy": "public",
+              "sourceRange": {
+                "start": {
+                  "line": 110,
+                  "column": 12
+                },
+                "end": {
+                  "line": 114,
+                  "column": 13
+                }
+              },
+              "metadata": {
+                "polymer": {
+                  "observer": "\"_readonlyChanged\"",
+                  "attributeType": "Boolean"
+                }
+              }
+            },
+            {
+              "name": "invalid",
+              "type": "boolean | null | undefined",
+              "description": "This property is set to true when the value is invalid.",
+              "privacy": "public",
+              "sourceRange": {
+                "start": {
+                  "line": 119,
+                  "column": 12
+                },
+                "end": {
+                  "line": 124,
+                  "column": 13
+                }
+              },
+              "metadata": {
+                "polymer": {
+                  "notify": true,
+                  "attributeType": "Boolean"
+                }
+              },
+              "defaultValue": "false"
+            },
+            {
+              "name": "required",
+              "type": "boolean | null | undefined",
+              "description": "Specifies that the user must fill in a value.",
+              "privacy": "public",
+              "sourceRange": {
+                "start": {
+                  "line": 129,
+                  "column": 12
+                },
+                "end": {
+                  "line": 132,
+                  "column": 13
+                }
+              },
+              "metadata": {
+                "polymer": {
+                  "attributeType": "Boolean"
+                }
+              }
+            },
+            {
+              "name": "errorMessage",
+              "type": "string | null | undefined",
+              "description": "Error to show when the input value is invalid.",
+              "privacy": "public",
+              "sourceRange": {
+                "start": {
+                  "line": 137,
+                  "column": 12
+                },
+                "end": {
+                  "line": 140,
+                  "column": 13
+                }
+              },
+              "metadata": {
+                "polymer": {
+                  "attributeType": "String"
+                }
+              },
+              "defaultValue": "\"\""
+            },
+            {
+              "name": "_errorId",
+              "type": "string | null | undefined",
+              "description": "",
+              "privacy": "protected",
+              "sourceRange": {
+                "start": {
+                  "line": 142,
+                  "column": 12
+                },
+                "end": {
+                  "line": 144,
+                  "column": 13
+                }
+              },
+              "metadata": {
+                "polymer": {
+                  "attributeType": "String"
+                }
+              }
+            },
             {
               "name": "_checkedButton",
               "type": "Object | null | undefined",
@@ -870,11 +979,11 @@
               "privacy": "protected",
               "sourceRange": {
                 "start": {
-                  "line": 73,
+                  "line": 146,
                   "column": 12
                 },
                 "end": {
-                  "line": 76,
+                  "line": 149,
                   "column": 13
                 }
               },
@@ -892,11 +1001,11 @@
               "privacy": "public",
               "sourceRange": {
                 "start": {
-                  "line": 81,
+                  "line": 154,
                   "column": 12
                 },
                 "end": {
-                  "line": 85,
+                  "line": 158,
                   "column": 13
                 }
               },
@@ -915,11 +1024,11 @@
               "privacy": "public",
               "sourceRange": {
                 "start": {
-                  "line": 90,
+                  "line": 163,
                   "column": 12
                 },
                 "end": {
-                  "line": 94,
+                  "line": 167,
                   "column": 13
                 }
               },
@@ -939,11 +1048,11 @@
               "privacy": "private",
               "sourceRange": {
                 "start": {
-                  "line": 101,
+                  "line": 174,
                   "column": 8
                 },
                 "end": {
-                  "line": 122,
+                  "line": 195,
                   "column": 9
                 }
               },
@@ -959,11 +1068,11 @@
               "privacy": "protected",
               "sourceRange": {
                 "start": {
-                  "line": 124,
+                  "line": 197,
                   "column": 8
                 },
                 "end": {
-                  "line": 134,
+                  "line": 212,
                   "column": 9
                 }
               },
@@ -979,11 +1088,11 @@
               "privacy": "protected",
               "sourceRange": {
                 "start": {
-                  "line": 140,
+                  "line": 218,
                   "column": 8
                 },
                 "end": {
-                  "line": 143,
+                  "line": 221,
                   "column": 9
                 }
               },
@@ -1000,11 +1109,11 @@
               "privacy": "protected",
               "sourceRange": {
                 "start": {
-                  "line": 145,
+                  "line": 223,
                   "column": 8
                 },
                 "end": {
-                  "line": 149,
+                  "line": 226,
                   "column": 9
                 }
               },
@@ -1018,17 +1127,64 @@
                 "type": "void"
               }
             },
+            {
+              "name": "_updateDisableButtons",
+              "description": "",
+              "privacy": "protected",
+              "sourceRange": {
+                "start": {
+                  "line": 228,
+                  "column": 8
+                },
+                "end": {
+                  "line": 240,
+                  "column": 9
+                }
+              },
+              "metadata": {},
+              "params": [],
+              "return": {
+                "type": "void"
+              }
+            },
+            {
+              "name": "_readonlyChanged",
+              "description": "",
+              "privacy": "protected",
+              "sourceRange": {
+                "start": {
+                  "line": 242,
+                  "column": 8
+                },
+                "end": {
+                  "line": 244,
+                  "column": 9
+                }
+              },
+              "metadata": {},
+              "params": [
+                {
+                  "name": "newV"
+                },
+                {
+                  "name": "oldV"
+                }
+              ],
+              "return": {
+                "type": "void"
+              }
+            },
             {
               "name": "_addActiveListeners",
               "description": "",
               "privacy": "protected",
               "sourceRange": {
                 "start": {
-                  "line": 151,
+                  "line": 246,
                   "column": 8
                 },
                 "end": {
-                  "line": 171,
+                  "line": 263,
                   "column": 9
                 }
               },
@@ -1044,11 +1200,11 @@
               "privacy": "protected",
               "sourceRange": {
                 "start": {
-                  "line": 173,
+                  "line": 265,
                   "column": 8
                 },
                 "end": {
-                  "line": 181,
+                  "line": 273,
                   "column": 9
                 }
               },
@@ -1071,11 +1227,11 @@
               "privacy": "protected",
               "sourceRange": {
                 "start": {
-                  "line": 183,
+                  "line": 275,
                   "column": 8
                 },
                 "end": {
-                  "line": 188,
+                  "line": 280,
                   "column": 9
                 }
               },
@@ -1088,11 +1244,11 @@
               "privacy": "protected",
               "sourceRange": {
                 "start": {
-                  "line": 190,
+                  "line": 283,
                   "column": 8
                 },
                 "end": {
-                  "line": 192,
+                  "line": 285,
                   "column": 9
                 }
               },
@@ -1105,11 +1261,11 @@
               "privacy": "protected",
               "sourceRange": {
                 "start": {
-                  "line": 194,
+                  "line": 287,
                   "column": 8
                 },
                 "end": {
-                  "line": 206,
+                  "line": 299,
                   "column": 9
                 }
               },
@@ -1129,11 +1285,11 @@
               "privacy": "protected",
               "sourceRange": {
                 "start": {
-                  "line": 208,
+                  "line": 301,
                   "column": 8
                 },
                 "end": {
-                  "line": 220,
+                  "line": 313,
                   "column": 9
                 }
               },
@@ -1153,11 +1309,11 @@
               "privacy": "protected",
               "sourceRange": {
                 "start": {
-                  "line": 222,
+                  "line": 315,
                   "column": 8
                 },
                 "end": {
-                  "line": 226,
+                  "line": 319,
                   "column": 9
                 }
               },
@@ -1177,11 +1333,11 @@
               "privacy": "protected",
               "sourceRange": {
                 "start": {
-                  "line": 228,
+                  "line": 321,
                   "column": 8
                 },
                 "end": {
-                  "line": 232,
+                  "line": 325,
                   "column": 9
                 }
               },
@@ -1201,11 +1357,11 @@
               "privacy": "protected",
               "sourceRange": {
                 "start": {
-                  "line": 234,
+                  "line": 327,
                   "column": 8
                 },
                 "end": {
-                  "line": 244,
+                  "line": 343,
                   "column": 9
                 }
               },
@@ -1223,40 +1379,81 @@
               }
             },
             {
-              "name": "_setFocusable",
-              "description": "",
-              "privacy": "protected",
+              "name": "validate",
+              "description": "Returns true if `value` is valid.\n`<iron-form>` uses this to check the validity or all its elements.",
+              "privacy": "public",
               "sourceRange": {
                 "start": {
-                  "line": 246,
+                  "line": 351,
                   "column": 8
                 },
                 "end": {
-                  "line": 249,
+                  "line": 353,
                   "column": 9
                 }
               },
               "metadata": {},
-              "params": [
-                {
-                  "name": "idx"
+              "params": [],
+              "return": {
+                "type": "boolean",
+                "desc": "True if the value is valid."
+              }
+            },
+            {
+              "name": "checkValidity",
+              "description": "Returns true if the current input value satisfies all constraints (if any)",
+              "privacy": "public",
+              "sourceRange": {
+                "start": {
+                  "line": 359,
+                  "column": 8
+                },
+                "end": {
+                  "line": 361,
+                  "column": 9
                 }
-              ],
+              },
+              "metadata": {},
+              "params": [],
               "return": {
-                "type": "void"
+                "type": "boolean"
               }
             },
             {
-              "name": "_labelChanged",
+              "name": "_setFocusable",
               "description": "",
               "privacy": "protected",
               "sourceRange": {
                 "start": {
-                  "line": 251,
+                  "line": 363,
                   "column": 8
                 },
                 "end": {
-                  "line": 257,
+                  "line": 366,
+                  "column": 9
+                }
+              },
+              "metadata": {},
+              "params": [
+                {
+                  "name": "idx"
+                }
+              ],
+              "return": {
+                "type": "void"
+              }
+            },
+            {
+              "name": "_labelChanged",
+              "description": "",
+              "privacy": "protected",
+              "sourceRange": {
+                "start": {
+                  "line": 368,
+                  "column": 8
+                },
+                "end": {
+                  "line": 374,
                   "column": 9
                 }
               },
@@ -1269,6 +1466,60 @@
               "return": {
                 "type": "void"
               }
+            },
+            {
+              "name": "_getActiveErrorId",
+              "description": "",
+              "privacy": "protected",
+              "sourceRange": {
+                "start": {
+                  "line": 376,
+                  "column": 8
+                },
+                "end": {
+                  "line": 378,
+                  "column": 9
+                }
+              },
+              "metadata": {},
+              "params": [
+                {
+                  "name": "invalid"
+                },
+                {
+                  "name": "errorMessage"
+                },
+                {
+                  "name": "errorId"
+                }
+              ]
+            },
+            {
+              "name": "_getErrorMessageAriaHidden",
+              "description": "",
+              "privacy": "protected",
+              "sourceRange": {
+                "start": {
+                  "line": 380,
+                  "column": 8
+                },
+                "end": {
+                  "line": 382,
+                  "column": 9
+                }
+              },
+              "metadata": {},
+              "params": [
+                {
+                  "name": "invalid"
+                },
+                {
+                  "name": "errorMessage"
+                },
+                {
+                  "name": "errorId"
+                }
+              ]
             }
           ],
           "staticMethods": [
@@ -1359,11 +1610,11 @@
           "metadata": {},
           "sourceRange": {
             "start": {
-              "line": 57,
+              "line": 91,
               "column": 6
             },
             "end": {
-              "line": 259,
+              "line": 383,
               "column": 7
             }
           },
@@ -1376,27 +1627,91 @@
               "description": "The current disabled state of the radio group. True if group and all internal radio buttons are disabled.",
               "sourceRange": {
                 "start": {
-                  "line": 67,
+                  "line": 101,
                   "column": 12
                 },
                 "end": {
-                  "line": 71,
+                  "line": 105,
                   "column": 13
                 }
               },
               "metadata": {},
               "type": "boolean | null | undefined"
             },
+            {
+              "name": "readonly",
+              "description": "This attribute indicates that the user cannot modify the value of the control.",
+              "sourceRange": {
+                "start": {
+                  "line": 110,
+                  "column": 12
+                },
+                "end": {
+                  "line": 114,
+                  "column": 13
+                }
+              },
+              "metadata": {},
+              "type": "boolean | null | undefined"
+            },
+            {
+              "name": "invalid",
+              "description": "This property is set to true when the value is invalid.",
+              "sourceRange": {
+                "start": {
+                  "line": 119,
+                  "column": 12
+                },
+                "end": {
+                  "line": 124,
+                  "column": 13
+                }
+              },
+              "metadata": {},
+              "type": "boolean | null | undefined"
+            },
+            {
+              "name": "required",
+              "description": "Specifies that the user must fill in a value.",
+              "sourceRange": {
+                "start": {
+                  "line": 129,
+                  "column": 12
+                },
+                "end": {
+                  "line": 132,
+                  "column": 13
+                }
+              },
+              "metadata": {},
+              "type": "boolean | null | undefined"
+            },
+            {
+              "name": "error-message",
+              "description": "Error to show when the input value is invalid.",
+              "sourceRange": {
+                "start": {
+                  "line": 137,
+                  "column": 12
+                },
+                "end": {
+                  "line": 140,
+                  "column": 13
+                }
+              },
+              "metadata": {},
+              "type": "string | null | undefined"
+            },
             {
               "name": "label",
               "description": "String used for the label element.",
               "sourceRange": {
                 "start": {
-                  "line": 81,
+                  "line": 154,
                   "column": 12
                 },
                 "end": {
-                  "line": 85,
+                  "line": 158,
                   "column": 13
                 }
               },
@@ -1408,11 +1723,11 @@
               "description": "Value of the radio group.",
               "sourceRange": {
                 "start": {
-                  "line": 90,
+                  "line": 163,
                   "column": 12
                 },
                 "end": {
-                  "line": 94,
+                  "line": 167,
                   "column": 13
                 }
               },
@@ -1421,6 +1736,12 @@
             }
           ],
           "events": [
+            {
+              "type": "CustomEvent",
+              "name": "invalid-changed",
+              "description": "Fired when the `invalid` property changes.",
+              "metadata": {}
+            },
             {
               "type": "CustomEvent",
               "name": "value-changed",
@@ -1438,12 +1759,12 @@
               "name": "",
               "range": {
                 "start": {
-                  "line": 19,
-                  "column": 4
+                  "line": 42,
+                  "column": 8
                 },
                 "end": {
-                  "line": 19,
-                  "column": 27
+                  "line": 42,
+                  "column": 31
                 }
               }
             }
@@ -1454,9 +1775,9 @@
           ]
         },
         {
-          "description": "`<vaadin-radio-group>` is a Polymer element for grouping vaadin-radio-buttons.\n\n```html\n<vaadin-radio-group>\n  <vaadin-radio-button name=\"foo\">Foo</vaadin-radio-button>\n  <vaadin-radio-button name=\"bar\">Bar</vaadin-radio-button>\n  <vaadin-radio-button name=\"baz\">Baz</vaadin-radio-button>\n</vaadin-radio-group>\n```\n\n### Styling\n\nThe following shadow DOM parts are available for styling:\n\nPart name | Description\n----------------|----------------\n`label` | The label element\n`group-field` | The element that wraps radio-buttons\n\nThe following state attributes are available for styling:\n\nAttribute  | Description | Part name\n-----------|-------------|------------\n`disabled`   | Set when the radio group and its children are disabled. | :host\n`readonly` | Set to a readonly text field | :host\n`invalid` | Set when the element is invalid | :host\n`has-label` | Set when the element has a label | :host\n\nSee [ThemableMixin – how to apply styles for shadow parts](https://github.com/vaadin/vaadin-themable-mixin/wiki)",
+          "description": "`<vaadin-radio-group>` is a Polymer element for grouping vaadin-radio-buttons.\n\n```html\n<vaadin-radio-group>\n  <vaadin-radio-button name=\"foo\">Foo</vaadin-radio-button>\n  <vaadin-radio-button name=\"bar\">Bar</vaadin-radio-button>\n  <vaadin-radio-button name=\"baz\">Baz</vaadin-radio-button>\n</vaadin-radio-group>\n```\n\n### Styling\n\nThe following shadow DOM parts are available for styling:\n\nPart name | Description\n----------------|----------------\n`label` | The label element\n\nThe following state attributes are available for styling:\n\nAttribute  | Description | Part name\n-----------|-------------|------------\n`disabled` | Set when the radio group and its children are disabled. | :host\n`has-label` | Set when the element has a label | :host\n\nSee [ThemableMixin – how to apply styles for shadow parts](https://github.com/vaadin/vaadin-themable-mixin/wiki)",
           "summary": "",
-          "path": "src/vaadin-radio-group.html",
+          "path": "src/vaadin-field.html",
           "properties": [
             {
               "name": "_radioButtons",
@@ -1465,11 +1786,11 @@
               "privacy": "protected",
               "sourceRange": {
                 "start": {
-                  "line": 214,
+                  "line": 136,
                   "column": 8
                 },
                 "end": {
-                  "line": 216,
+                  "line": 138,
                   "column": 9
                 }
               },
@@ -1486,11 +1807,11 @@
               "privacy": "public",
               "sourceRange": {
                 "start": {
-                  "line": 101,
+                  "line": 67,
                   "column": 12
                 },
                 "end": {
-                  "line": 105,
+                  "line": 71,
                   "column": 13
                 }
               },
@@ -1501,115 +1822,6 @@
                 }
               }
             },
-            {
-              "name": "readonly",
-              "type": "boolean | null | undefined",
-              "description": "This attribute indicates that the user cannot modify the value of the control.",
-              "privacy": "public",
-              "sourceRange": {
-                "start": {
-                  "line": 110,
-                  "column": 12
-                },
-                "end": {
-                  "line": 114,
-                  "column": 13
-                }
-              },
-              "metadata": {
-                "polymer": {
-                  "observer": "\"_readonlyChanged\"",
-                  "attributeType": "Boolean"
-                }
-              }
-            },
-            {
-              "name": "invalid",
-              "type": "boolean | null | undefined",
-              "description": "This property is set to true when the value is invalid.",
-              "privacy": "public",
-              "sourceRange": {
-                "start": {
-                  "line": 119,
-                  "column": 12
-                },
-                "end": {
-                  "line": 124,
-                  "column": 13
-                }
-              },
-              "metadata": {
-                "polymer": {
-                  "notify": true,
-                  "attributeType": "Boolean"
-                }
-              },
-              "defaultValue": "false"
-            },
-            {
-              "name": "required",
-              "type": "boolean | null | undefined",
-              "description": "Specifies that the user must fill in a value.",
-              "privacy": "public",
-              "sourceRange": {
-                "start": {
-                  "line": 129,
-                  "column": 12
-                },
-                "end": {
-                  "line": 132,
-                  "column": 13
-                }
-              },
-              "metadata": {
-                "polymer": {
-                  "attributeType": "Boolean"
-                }
-              }
-            },
-            {
-              "name": "errorMessage",
-              "type": "string | null | undefined",
-              "description": "Error to show when the input value is invalid.",
-              "privacy": "public",
-              "sourceRange": {
-                "start": {
-                  "line": 137,
-                  "column": 12
-                },
-                "end": {
-                  "line": 140,
-                  "column": 13
-                }
-              },
-              "metadata": {
-                "polymer": {
-                  "attributeType": "String"
-                }
-              },
-              "defaultValue": "\"\""
-            },
-            {
-              "name": "_errorId",
-              "type": "string | null | undefined",
-              "description": "",
-              "privacy": "protected",
-              "sourceRange": {
-                "start": {
-                  "line": 142,
-                  "column": 12
-                },
-                "end": {
-                  "line": 144,
-                  "column": 13
-                }
-              },
-              "metadata": {
-                "polymer": {
-                  "attributeType": "String"
-                }
-              }
-            },
             {
               "name": "_checkedButton",
               "type": "Object | null | undefined",
@@ -1617,11 +1829,11 @@
               "privacy": "protected",
               "sourceRange": {
                 "start": {
-                  "line": 146,
+                  "line": 73,
                   "column": 12
                 },
                 "end": {
-                  "line": 149,
+                  "line": 76,
                   "column": 13
                 }
               },
@@ -1639,11 +1851,11 @@
               "privacy": "public",
               "sourceRange": {
                 "start": {
-                  "line": 154,
+                  "line": 81,
                   "column": 12
                 },
                 "end": {
-                  "line": 158,
+                  "line": 85,
                   "column": 13
                 }
               },
@@ -1662,11 +1874,11 @@
               "privacy": "public",
               "sourceRange": {
                 "start": {
-                  "line": 163,
+                  "line": 90,
                   "column": 12
                 },
                 "end": {
-                  "line": 167,
+                  "line": 94,
                   "column": 13
                 }
               },
@@ -1683,99 +1895,34 @@
             {
               "name": "connectedCallback",
               "description": "",
-              "privacy": "private",
-              "sourceRange": {
-                "start": {
-                  "line": 174,
-                  "column": 8
-                },
-                "end": {
-                  "line": 195,
-                  "column": 9
-                }
-              },
-              "metadata": {},
-              "params": [],
-              "return": {
-                "type": "void"
-              }
-            },
-            {
-              "name": "ready",
-              "description": "",
-              "privacy": "protected",
-              "sourceRange": {
-                "start": {
-                  "line": 197,
-                  "column": 8
-                },
-                "end": {
-                  "line": 212,
-                  "column": 9
-                }
-              },
-              "metadata": {},
-              "params": [],
-              "return": {
-                "type": "void"
-              }
-            },
-            {
-              "name": "_filterRadioButtons",
-              "description": "",
-              "privacy": "protected",
-              "sourceRange": {
-                "start": {
-                  "line": 218,
-                  "column": 8
-                },
-                "end": {
-                  "line": 221,
-                  "column": 9
-                }
-              },
-              "metadata": {},
-              "params": [
-                {
-                  "name": "nodes"
-                }
-              ]
-            },
-            {
-              "name": "_disabledChanged",
-              "description": "",
-              "privacy": "protected",
+              "privacy": "private",
               "sourceRange": {
                 "start": {
-                  "line": 223,
+                  "line": 101,
                   "column": 8
                 },
                 "end": {
-                  "line": 226,
+                  "line": 122,
                   "column": 9
                 }
               },
               "metadata": {},
-              "params": [
-                {
-                  "name": "disabled"
-                }
-              ],
+              "params": [],
               "return": {
                 "type": "void"
               }
             },
             {
-              "name": "_updateDisableButtons",
+              "name": "ready",
               "description": "",
               "privacy": "protected",
               "sourceRange": {
                 "start": {
-                  "line": 228,
+                  "line": 124,
                   "column": 8
                 },
                 "end": {
-                  "line": 240,
+                  "line": 134,
                   "column": 9
                 }
               },
@@ -1786,26 +1933,44 @@
               }
             },
             {
-              "name": "_readonlyChanged",
+              "name": "_filterRadioButtons",
               "description": "",
               "privacy": "protected",
               "sourceRange": {
                 "start": {
-                  "line": 242,
+                  "line": 140,
                   "column": 8
                 },
                 "end": {
-                  "line": 244,
+                  "line": 143,
                   "column": 9
                 }
               },
               "metadata": {},
               "params": [
                 {
-                  "name": "newV"
+                  "name": "nodes"
+                }
+              ]
+            },
+            {
+              "name": "_disabledChanged",
+              "description": "",
+              "privacy": "protected",
+              "sourceRange": {
+                "start": {
+                  "line": 145,
+                  "column": 8
                 },
+                "end": {
+                  "line": 149,
+                  "column": 9
+                }
+              },
+              "metadata": {},
+              "params": [
                 {
-                  "name": "oldV"
+                  "name": "disabled"
                 }
               ],
               "return": {
@@ -1818,11 +1983,11 @@
               "privacy": "protected",
               "sourceRange": {
                 "start": {
-                  "line": 246,
+                  "line": 151,
                   "column": 8
                 },
                 "end": {
-                  "line": 267,
+                  "line": 171,
                   "column": 9
                 }
               },
@@ -1838,11 +2003,11 @@
               "privacy": "protected",
               "sourceRange": {
                 "start": {
-                  "line": 269,
+                  "line": 173,
                   "column": 8
                 },
                 "end": {
-                  "line": 277,
+                  "line": 181,
                   "column": 9
                 }
               },
@@ -1865,11 +2030,11 @@
               "privacy": "protected",
               "sourceRange": {
                 "start": {
-                  "line": 279,
+                  "line": 183,
                   "column": 8
                 },
                 "end": {
-                  "line": 284,
+                  "line": 188,
                   "column": 9
                 }
               },
@@ -1882,11 +2047,11 @@
               "privacy": "protected",
               "sourceRange": {
                 "start": {
-                  "line": 287,
+                  "line": 190,
                   "column": 8
                 },
                 "end": {
-                  "line": 289,
+                  "line": 192,
                   "column": 9
                 }
               },
@@ -1899,11 +2064,11 @@
               "privacy": "protected",
               "sourceRange": {
                 "start": {
-                  "line": 291,
+                  "line": 194,
                   "column": 8
                 },
                 "end": {
-                  "line": 303,
+                  "line": 206,
                   "column": 9
                 }
               },
@@ -1923,11 +2088,11 @@
               "privacy": "protected",
               "sourceRange": {
                 "start": {
-                  "line": 305,
+                  "line": 208,
                   "column": 8
                 },
                 "end": {
-                  "line": 317,
+                  "line": 220,
                   "column": 9
                 }
               },
@@ -1947,11 +2112,11 @@
               "privacy": "protected",
               "sourceRange": {
                 "start": {
-                  "line": 319,
+                  "line": 222,
                   "column": 8
                 },
                 "end": {
-                  "line": 323,
+                  "line": 226,
                   "column": 9
                 }
               },
@@ -1971,11 +2136,11 @@
               "privacy": "protected",
               "sourceRange": {
                 "start": {
-                  "line": 325,
+                  "line": 228,
                   "column": 8
                 },
                 "end": {
-                  "line": 329,
+                  "line": 232,
                   "column": 9
                 }
               },
@@ -1995,11 +2160,11 @@
               "privacy": "protected",
               "sourceRange": {
                 "start": {
-                  "line": 331,
+                  "line": 234,
                   "column": 8
                 },
                 "end": {
-                  "line": 347,
+                  "line": 244,
                   "column": 9
                 }
               },
@@ -2016,58 +2181,17 @@
                 "type": "void"
               }
             },
-            {
-              "name": "validate",
-              "description": "Returns true if `value` is valid.\n`<iron-form>` uses this to check the validity or all its elements.",
-              "privacy": "public",
-              "sourceRange": {
-                "start": {
-                  "line": 355,
-                  "column": 8
-                },
-                "end": {
-                  "line": 357,
-                  "column": 9
-                }
-              },
-              "metadata": {},
-              "params": [],
-              "return": {
-                "type": "boolean",
-                "desc": "True if the value is valid."
-              }
-            },
-            {
-              "name": "checkValidity",
-              "description": "Returns true if the current input value satisfies all constraints (if any)",
-              "privacy": "public",
-              "sourceRange": {
-                "start": {
-                  "line": 363,
-                  "column": 8
-                },
-                "end": {
-                  "line": 365,
-                  "column": 9
-                }
-              },
-              "metadata": {},
-              "params": [],
-              "return": {
-                "type": "boolean"
-              }
-            },
             {
               "name": "_setFocusable",
               "description": "",
               "privacy": "protected",
               "sourceRange": {
                 "start": {
-                  "line": 367,
+                  "line": 246,
                   "column": 8
                 },
                 "end": {
-                  "line": 370,
+                  "line": 249,
                   "column": 9
                 }
               },
@@ -2087,11 +2211,11 @@
               "privacy": "protected",
               "sourceRange": {
                 "start": {
-                  "line": 372,
+                  "line": 251,
                   "column": 8
                 },
                 "end": {
-                  "line": 378,
+                  "line": 257,
                   "column": 9
                 }
               },
@@ -2104,60 +2228,6 @@
               "return": {
                 "type": "void"
               }
-            },
-            {
-              "name": "_getActiveErrorId",
-              "description": "",
-              "privacy": "protected",
-              "sourceRange": {
-                "start": {
-                  "line": 380,
-                  "column": 8
-                },
-                "end": {
-                  "line": 382,
-                  "column": 9
-                }
-              },
-              "metadata": {},
-              "params": [
-                {
-                  "name": "invalid"
-                },
-                {
-                  "name": "errorMessage"
-                },
-                {
-                  "name": "errorId"
-                }
-              ]
-            },
-            {
-              "name": "_getErrorMessageAriaHidden",
-              "description": "",
-              "privacy": "protected",
-              "sourceRange": {
-                "start": {
-                  "line": 384,
-                  "column": 8
-                },
-                "end": {
-                  "line": 386,
-                  "column": 9
-                }
-              },
-              "metadata": {},
-              "params": [
-                {
-                  "name": "invalid"
-                },
-                {
-                  "name": "errorMessage"
-                },
-                {
-                  "name": "errorId"
-                }
-              ]
             }
           ],
           "staticMethods": [
@@ -2248,11 +2318,11 @@
           "metadata": {},
           "sourceRange": {
             "start": {
-              "line": 91,
+              "line": 57,
               "column": 6
             },
             "end": {
-              "line": 387,
+              "line": 259,
               "column": 7
             }
           },
@@ -2265,91 +2335,27 @@
               "description": "The current disabled state of the radio group. True if group and all internal radio buttons are disabled.",
               "sourceRange": {
                 "start": {
-                  "line": 101,
-                  "column": 12
-                },
-                "end": {
-                  "line": 105,
-                  "column": 13
-                }
-              },
-              "metadata": {},
-              "type": "boolean | null | undefined"
-            },
-            {
-              "name": "readonly",
-              "description": "This attribute indicates that the user cannot modify the value of the control.",
-              "sourceRange": {
-                "start": {
-                  "line": 110,
-                  "column": 12
-                },
-                "end": {
-                  "line": 114,
-                  "column": 13
-                }
-              },
-              "metadata": {},
-              "type": "boolean | null | undefined"
-            },
-            {
-              "name": "invalid",
-              "description": "This property is set to true when the value is invalid.",
-              "sourceRange": {
-                "start": {
-                  "line": 119,
-                  "column": 12
-                },
-                "end": {
-                  "line": 124,
-                  "column": 13
-                }
-              },
-              "metadata": {},
-              "type": "boolean | null | undefined"
-            },
-            {
-              "name": "required",
-              "description": "Specifies that the user must fill in a value.",
-              "sourceRange": {
-                "start": {
-                  "line": 129,
+                  "line": 67,
                   "column": 12
                 },
                 "end": {
-                  "line": 132,
+                  "line": 71,
                   "column": 13
                 }
               },
               "metadata": {},
               "type": "boolean | null | undefined"
             },
-            {
-              "name": "error-message",
-              "description": "Error to show when the input value is invalid.",
-              "sourceRange": {
-                "start": {
-                  "line": 137,
-                  "column": 12
-                },
-                "end": {
-                  "line": 140,
-                  "column": 13
-                }
-              },
-              "metadata": {},
-              "type": "string | null | undefined"
-            },
             {
               "name": "label",
               "description": "String used for the label element.",
               "sourceRange": {
                 "start": {
-                  "line": 154,
+                  "line": 81,
                   "column": 12
                 },
                 "end": {
-                  "line": 158,
+                  "line": 85,
                   "column": 13
                 }
               },
@@ -2361,11 +2367,11 @@
               "description": "Value of the radio group.",
               "sourceRange": {
                 "start": {
-                  "line": 163,
+                  "line": 90,
                   "column": 12
                 },
                 "end": {
-                  "line": 167,
+                  "line": 94,
                   "column": 13
                 }
               },
@@ -2374,12 +2380,6 @@
             }
           ],
           "events": [
-            {
-              "type": "CustomEvent",
-              "name": "invalid-changed",
-              "description": "Fired when the `invalid` property changes.",
-              "metadata": {}
-            },
             {
               "type": "CustomEvent",
               "name": "value-changed",
@@ -2397,12 +2397,12 @@
               "name": "",
               "range": {
                 "start": {
-                  "line": 42,
-                  "column": 8
+                  "line": 19,
+                  "column": 4
                 },
                 "end": {
-                  "line": 42,
-                  "column": 31
+                  "line": 19,
+                  "column": 27
                 }
               }
             }
diff --git a/src/vaadin-radio-group.html b/src/vaadin-radio-group.html
index cd5b0dd..d2937c8 100644
--- a/src/vaadin-radio-group.html
+++ b/src/vaadin-radio-group.html
@@ -246,10 +246,6 @@
 
         _addActiveListeners() {
           this.addEventListener('keydown', e => {
-
-            if (this.disabled || this.readonly) {
-              return;
-            }
             // if e.target is vaadin-radio-group then assign to checkedRadioButton currently checked radio button
             var checkedRadioButton = (e.target == this) ? this._checkedButton : e.target;
 
diff --git a/test/vaadin-radio-group.html b/test/vaadin-radio-group.html
index 5d26ffa..3f6c216 100644
--- a/test/vaadin-radio-group.html
+++ b/test/vaadin-radio-group.html
@@ -118,6 +118,29 @@
         expect(vaadinRadioButtonList[2].checked).to.be.false;
       });
 
+      it('should check radio button with keyboard if not disabled or readonly', () => {
+        vaadinRadioButtonList[1].checked = true;
+
+        MockInteractions.keyDownOn(vaadinRadioButtonGroup, 39);
+        expect(vaadinRadioButtonList[2].checked).to.be.true;
+      });
+
+      it('should not check radio button with keyboard if disabled', () => {
+        vaadinRadioButtonList[1].checked = true;
+        vaadinRadioButtonGroup.disabled = true;
+
+        MockInteractions.keyDownOn(vaadinRadioButtonGroup, 39);
+        expect(vaadinRadioButtonList[2].checked).to.be.false;
+      });
+
+      it('should not check radio button with keyboard if readonly', () => {
+        vaadinRadioButtonList[1].checked = true;
+        vaadinRadioButtonGroup.readonly = true;
+
+        MockInteractions.keyDownOn(vaadinRadioButtonGroup, 39);
+        expect(vaadinRadioButtonList[2].checked).to.be.false;
+      });
+
       it('previous/last radio button should be focused and checked after left/up', () => {
         vaadinRadioButtonList[1].checked = true;
 
@@ -243,18 +266,44 @@
         expect(vaadinRadioButtonList[2].disabled).to.be.false;
       });
 
-      it('should validate when field is not required', () => {
+      it('should not have the has-value attribute by default', () => {
+        expect(vaadinRadioButtonGroup.hasAttribute('has-value')).to.be.false;
+      });
+
+      it('should change the has-value attribute on value', () => {
+        vaadinRadioButtonGroup.value = '2';
+        expect(vaadinRadioButtonGroup.hasAttribute('has-value')).to.be.true;
+
+        vaadinRadioButtonGroup.value = '';
+        expect(vaadinRadioButtonGroup.hasAttribute('has-value')).to.be.false;
+      });
+
+      it('should pass validation when field is not required', () => {
         expect(vaadinRadioButtonGroup.checkValidity()).to.be.true;
         expect(vaadinRadioButtonGroup.invalid).to.be.false;
       });
 
-      it('should validate when field is required and user has not blurred', () => {
+      it('should not set invalid when field is required and user has not blurred yet', () => {
         vaadinRadioButtonGroup.required = true;
         expect(vaadinRadioButtonGroup.checkValidity()).to.be.false;
         expect(vaadinRadioButtonGroup.invalid).to.be.false;
       });
 
-      it('should validate when field is required and user blurs', () => {
+      it('validate method should set invalid', () => {
+        vaadinRadioButtonGroup.required = true;
+        vaadinRadioButtonGroup.validate();
+        expect(vaadinRadioButtonGroup.invalid).to.be.true;
+      });
+
+      it('should validate after changing selected option', () => {
+        vaadinRadioButtonGroup.required = true;
+        vaadinRadioButtonGroup.validate();
+
+        vaadinRadioButtonList[1].checked = true;
+        expect(vaadinRadioButtonGroup.invalid).to.be.false;
+      });
+
+      it('should pass validation and set invalid when field is required and user blurs', () => {
         vaadinRadioButtonGroup.required = true;
         blur(vaadinRadioButtonGroup);
         expect(vaadinRadioButtonGroup.checkValidity()).to.be.false;