fix(popper): attr style fallthrough failed (element-plus#897)

Gorgeno · Dec 8, 2020 · fabb9d5 · fabb9d5
1 parent 158c4f9
commit fabb9d5
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 0 deletions.
diff --git a/packages/popper/__tests__/popper.spec.ts b/packages/popper/__tests__/popper.spec.ts
@@ -407,5 +407,19 @@ describe('Popper.vue', () => {
       await trigger.trigger(CLICK_EVENT)
       expect(popper.vm.visibility).toBe(false)
     })
+
+    test('should pass style and class to trigger', async () => {
+      const CLASS = 'fake'
+      const STYLE = 'width: 100px'
+      const wrapper = _mount({
+        appendToBody: false,
+        class: CLASS,
+        style: STYLE,
+      })
+
+      const trigger = wrapper.find(`.${TEST_TRIGGER}`)
+      expect(trigger.classes(CLASS)).toBe(true)
+      expect((trigger.element as HTMLDivElement).style.width).toBe('100px')
+    })
   })
 })
diff --git a/packages/popper/src/index.vue b/packages/popper/src/index.vue
@@ -53,6 +53,7 @@ export default defineComponent({
       $slots,
       appendToBody,
       class: kls,
+      style,
       effect,
       hide,
       onPopperMouseEnter,
@@ -103,6 +104,7 @@ export default defineComponent({
     const triggerProps = {
       ariaDescribedby: popperId,
       class: kls,
+      style,
       ref: 'triggerRef',
       ...this.events,
     }

diff --git a/packages/popper/src/use-popper/defaults.ts b/packages/popper/src/use-popper/defaults.ts
@@ -62,6 +62,7 @@ export default {
     type: String,
     default: '',
   },
+  style: Object,
   closeDelay: {
     type: Number,
     default: 200,