Radio: stop event propagation on radio label (#11912)

jikkai · ziyoung · commit 21a6aa33f4d5 · 2018-07-11T11:54:04.000+08:00
diff --git a/packages/radio/src/radio-button.vue b/packages/radio/src/radio-button.vue
@@ -25,7 +25,10 @@
       @focus="focus = true"
       @blur="focus = false"
     >
-    <span class="el-radio-button__inner" :style="value === label ? activeStyle : null">
+    <span
+      class="el-radio-button__inner"
+      :style="value === label ? activeStyle : null"
+      @keydown.stop>
       <slot></slot>
       <template v-if="!$slots.default">{{label}}</template>
     </span>
diff --git a/packages/radio/src/radio.vue b/packages/radio/src/radio.vue
@@ -35,7 +35,7 @@
         tabindex="-1"
       >
     </span>
-    <span class="el-radio__label">
+    <span class="el-radio__label" @keydown.stop>
       <slot></slot>
       <template v-if="!$slots.default">{{label}}</template>
     </span>

Original file line number	Diff line number	Diff line change
`@@ -35,7 +35,7 @@`
`35`	`35`	`tabindex="-1"`
`36`	`36`	`>`
`37`	`37`	`</span>`
`38`		`- <span class="el-radio__label">`
	`38`	`+ <span class="el-radio__label" @keydown.stop>`
`39`	`39`	`<slot></slot>`
`40`	`40`	`<template v-if="!$slots.default">{{label}}</template>`
`41`	`41`	`</span>`