chore(ie): Add comment for focusable attr

rstoenescu · rstoenescu · commit dee85b6bfa5c · 2019-11-29T14:36:47.000+02:00
diff --git a/ui/src/components/checkbox/QCheckbox.js b/ui/src/components/checkbox/QCheckbox.js
@@ -51,7 +51,7 @@ export default Vue.extend({
       }, [
         h('svg', {
           staticClass: 'q-checkbox__check fit absolute-full',
-          attrs: { focusable: 'false', viewBox: '0 0 24 24' }
+          attrs: { focusable: 'false' /* needed for IE11 */, viewBox: '0 0 24 24' }
         }, [
           h('path', {
             attrs: {
diff --git a/ui/src/components/circular-progress/QCircularProgress.js b/ui/src/components/circular-progress/QCircularProgress.js
@@ -123,7 +123,7 @@ export default Vue.extend({
         staticClass: 'q-circular-progress__svg',
         style: this.svgStyle,
         attrs: {
-          focusable: 'false',
+          focusable: 'false' /* needed for IE11 */,
           viewBox: this.viewBoxAttr
         }
       }, [
diff --git a/ui/src/components/range/QRange.js b/ui/src/components/range/QRange.js
@@ -420,7 +420,7 @@ export default Vue.extend({
       }, [
         h('svg', {
           staticClass: 'q-slider__thumb absolute',
-          attrs: { focusable: 'false', width: '21', height: '21' }
+          attrs: { focusable: 'false' /* needed for IE11 */, width: '21', height: '21' }
         }, [
           h('circle', {
             attrs: {
diff --git a/ui/src/components/slider/QSlider.js b/ui/src/components/slider/QSlider.js
@@ -205,7 +205,7 @@ export default Vue.extend({
       }, [
         h('svg', {
           staticClass: 'q-slider__thumb absolute',
-          attrs: { focusable: 'false', width: '21', height: '21' }
+          attrs: { focusable: 'false' /* needed for IE11 */, width: '21', height: '21' }
         }, [
           h('circle', {
             attrs: {
diff --git a/ui/src/components/spinner/QSpinner.js b/ui/src/components/spinner/QSpinner.js
@@ -20,7 +20,7 @@ export default Vue.extend({
       class: this.classes,
       on: this.$listeners,
       attrs: {
-        focusable: 'false',
+        focusable: 'false' /* needed for IE11 */,
         'width': this.cSize,
         'height': this.cSize,
         'viewBox': '25 25 50 50'
diff --git a/ui/src/components/spinner/QSpinnerAudio.js b/ui/src/components/spinner/QSpinnerAudio.js
@@ -13,7 +13,7 @@ export default Vue.extend({
       class: this.classes,
       on: this.$listeners,
       attrs: {
-        focusable: 'false',
+        focusable: 'false' /* needed for IE11 */,
         'fill': 'currentColor',
         'width': this.cSize,
         'height': this.cSize,
diff --git a/ui/src/components/spinner/QSpinnerBall.js b/ui/src/components/spinner/QSpinnerBall.js
@@ -13,7 +13,7 @@ export default Vue.extend({
       class: this.classes,
       on: this.$listeners,
       attrs: {
-        focusable: 'false',
+        focusable: 'false' /* needed for IE11 */,
         'stroke': 'currentColor',
         'width': this.cSize,
         'height': this.cSize,
diff --git a/ui/src/components/spinner/QSpinnerBars.js b/ui/src/components/spinner/QSpinnerBars.js
@@ -13,7 +13,7 @@ export default Vue.extend({
       class: this.classes,
       on: this.$listeners,
       attrs: {
-        focusable: 'false',
+        focusable: 'false' /* needed for IE11 */,
         'fill': 'currentColor',
         'width': this.cSize,
         'height': this.cSize,
diff --git a/ui/src/components/spinner/QSpinnerComment.js b/ui/src/components/spinner/QSpinnerComment.js
@@ -13,7 +13,7 @@ export default Vue.extend({
       class: this.classes,
       on: this.$listeners,
       attrs: {
-        focusable: 'false',
+        focusable: 'false' /* needed for IE11 */,
         'width': this.cSize,
         'height': this.cSize,
         'xmlns': 'http://www.w3.org/2000/svg',
diff --git a/ui/src/components/spinner/QSpinnerCube.js b/ui/src/components/spinner/QSpinnerCube.js
@@ -13,7 +13,7 @@ export default Vue.extend({
       class: this.classes,
       on: this.$listeners,
       attrs: {
-        focusable: 'false',
+        focusable: 'false' /* needed for IE11 */,
         'width': this.cSize,
         'height': this.cSize,
         'xmlns': 'http://www.w3.org/2000/svg',
diff --git a/ui/src/components/spinner/QSpinnerDots.js b/ui/src/components/spinner/QSpinnerDots.js
@@ -13,7 +13,7 @@ export default Vue.extend({
       class: this.classes,
       on: this.$listeners,
       attrs: {
-        focusable: 'false',
+        focusable: 'false' /* needed for IE11 */,
         'fill': 'currentColor',
         'width': this.cSize,
         'height': this.cSize,
diff --git a/ui/src/components/spinner/QSpinnerFacebook.js b/ui/src/components/spinner/QSpinnerFacebook.js
@@ -13,7 +13,7 @@ export default Vue.extend({
       class: this.classes,
       on: this.$listeners,
       attrs: {
-        focusable: 'false',
+        focusable: 'false' /* needed for IE11 */,
         'width': this.cSize,
         'height': this.cSize,
         'viewBox': '0 0 100 100',
diff --git a/ui/src/components/spinner/QSpinnerGears.js b/ui/src/components/spinner/QSpinnerGears.js
@@ -13,7 +13,7 @@ export default Vue.extend({
       class: this.classes,
       on: this.$listeners,
       attrs: {
-        focusable: 'false',
+        focusable: 'false' /* needed for IE11 */,
         'width': this.cSize,
         'height': this.cSize,
         'viewBox': '0 0 100 100',
diff --git a/ui/src/components/spinner/QSpinnerGrid.js b/ui/src/components/spinner/QSpinnerGrid.js
@@ -13,7 +13,7 @@ export default Vue.extend({
       class: this.classes,
       on: this.$listeners,
       attrs: {
-        focusable: 'false',
+        focusable: 'false' /* needed for IE11 */,
         'fill': 'currentColor',
         'width': this.cSize,
         'height': this.cSize,
diff --git a/ui/src/components/spinner/QSpinnerHearts.js b/ui/src/components/spinner/QSpinnerHearts.js
@@ -13,7 +13,7 @@ export default Vue.extend({
       class: this.classes,
       on: this.$listeners,
       attrs: {
-        focusable: 'false',
+        focusable: 'false' /* needed for IE11 */,
         'fill': 'currentColor',
         'width': this.cSize,
         'height': this.cSize,
diff --git a/ui/src/components/spinner/QSpinnerHourglass.js b/ui/src/components/spinner/QSpinnerHourglass.js
@@ -13,7 +13,7 @@ export default Vue.extend({
       class: this.classes,
       on: this.$listeners,
       attrs: {
-        focusable: 'false',
+        focusable: 'false' /* needed for IE11 */,
         'width': this.cSize,
         'height': this.cSize,
         'viewBox': '0 0 100 100',
diff --git a/ui/src/components/spinner/QSpinnerInfinity.js b/ui/src/components/spinner/QSpinnerInfinity.js
@@ -13,7 +13,7 @@ export default Vue.extend({
       class: this.classes,
       on: this.$listeners,
       attrs: {
-        focusable: 'false',
+        focusable: 'false' /* needed for IE11 */,
         'width': this.cSize,
         'height': this.cSize,
         'viewBox': '0 0 100 100',
diff --git a/ui/src/components/spinner/QSpinnerIos.js b/ui/src/components/spinner/QSpinnerIos.js
@@ -13,7 +13,7 @@ export default Vue.extend({
       class: this.classes,
       on: this.$listeners,
       attrs: {
-        focusable: 'false',
+        focusable: 'false' /* needed for IE11 */,
         'width': this.cSize,
         'height': this.cSize,
         'stroke': 'currentColor',
diff --git a/ui/src/components/spinner/QSpinnerOval.js b/ui/src/components/spinner/QSpinnerOval.js
@@ -13,7 +13,7 @@ export default Vue.extend({
       class: this.classes,
       on: this.$listeners,
       attrs: {
-        focusable: 'false',
+        focusable: 'false' /* needed for IE11 */,
         'stroke': 'currentColor',
         'width': this.cSize,
         'height': this.cSize,
diff --git a/ui/src/components/spinner/QSpinnerPie.js b/ui/src/components/spinner/QSpinnerPie.js
@@ -13,7 +13,7 @@ export default Vue.extend({
       class: this.classes,
       on: this.$listeners,
       attrs: {
-        focusable: 'false',
+        focusable: 'false' /* needed for IE11 */,
         'width': this.cSize,
         'height': this.cSize,
         'viewBox': '0 0 100 100',
diff --git a/ui/src/components/spinner/QSpinnerPuff.js b/ui/src/components/spinner/QSpinnerPuff.js
@@ -13,7 +13,7 @@ export default Vue.extend({
       class: this.classes,
       on: this.$listeners,
       attrs: {
-        focusable: 'false',
+        focusable: 'false' /* needed for IE11 */,
         'stroke': 'currentColor',
         'width': this.cSize,
         'height': this.cSize,
diff --git a/ui/src/components/spinner/QSpinnerRadio.js b/ui/src/components/spinner/QSpinnerRadio.js
@@ -13,7 +13,7 @@ export default Vue.extend({
       class: this.classes,
       on: this.$listeners,
       attrs: {
-        focusable: 'false',
+        focusable: 'false' /* needed for IE11 */,
         'width': this.cSize,
         'height': this.cSize,
         'viewBox': '0 0 100 100',
diff --git a/ui/src/components/spinner/QSpinnerRings.js b/ui/src/components/spinner/QSpinnerRings.js
@@ -13,7 +13,7 @@ export default Vue.extend({
       class: this.classes,
       on: this.$listeners,
       attrs: {
-        focusable: 'false',
+        focusable: 'false' /* needed for IE11 */,
         'stroke': 'currentColor',
         'width': this.cSize,
         'height': this.cSize,
diff --git a/ui/src/components/spinner/QSpinnerTail.js b/ui/src/components/spinner/QSpinnerTail.js
@@ -13,7 +13,7 @@ export default Vue.extend({
       class: this.classes,
       on: this.$listeners,
       attrs: {
-        focusable: 'false',
+        focusable: 'false' /* needed for IE11 */,
         'width': this.cSize,
         'height': this.cSize,
         'viewBox': '0 0 38 38',

Original file line number	Diff line number	Diff line change
`@@ -123,7 +123,7 @@ export default Vue.extend({`
`123`	`123`	`staticClass: 'q-circular-progress__svg',`
`124`	`124`	`style: this.svgStyle,`
`125`	`125`	`attrs: {`
`126`		`- focusable: 'false',`
	`126`	`+ focusable: 'false' /* needed for IE11 */,`
`127`	`127`	`viewBox: this.viewBoxAttr`
`128`	`128`	`}`
`129`	`129`	`}, [`