From 3431ed2f1c3a37efe06510b92fccfc4a12a10dda Mon Sep 17 00:00:00 2001
From: Enric Bisbe Gil <enricu@gmail.com>
Date: Mon, 9 Jul 2018 17:10:00 +0200
Subject: [PATCH] Use always display: block;

---
 src/components/VMenu/VMenu.js                 |  2 +-
 .../__snapshots__/VDataIterator.spec.js.snap  |  8 +--
 .../__snapshots__/VDataTable.spec.js.snap     |  6 +-
 .../VMenu/__snapshots__/VMenu.spec.js.snap    | 56 +++++++++----------
 .../__snapshots__/VOverflowBtn.spec.js.snap   |  4 +-
 .../__snapshots__/VSelect.spec.js.snap        | 16 +++---
 .../__snapshots__/VSelect2.spec.js.snap       |  6 +-
 7 files changed, 49 insertions(+), 49 deletions(-)

diff --git a/src/components/VMenu/VMenu.js b/src/components/VMenu/VMenu.js
index 054f5ec9077..c195037360e 100644
--- a/src/components/VMenu/VMenu.js
+++ b/src/components/VMenu/VMenu.js
@@ -190,7 +190,7 @@ export default {
     const data = {
       staticClass: 'v-menu',
       style: {
-        display: this.fullWidth ? 'block' : 'inline-block'
+        display: 'block'
       },
       directives: [{
         arg: 500,
diff --git a/test/unit/components/VDataIterator/__snapshots__/VDataIterator.spec.js.snap b/test/unit/components/VDataIterator/__snapshots__/VDataIterator.spec.js.snap
index ec65ba14cc4..ac55bd77ff7 100644
--- a/test/unit/components/VDataIterator/__snapshots__/VDataIterator.spec.js.snap
+++ b/test/unit/components/VDataIterator/__snapshots__/VDataIterator.spec.js.snap
@@ -18,7 +18,7 @@ exports[`VDataIterator.js should match a snapshot - footer slot 1`] = `
           <div class="v-input__control">
             <div class="v-input__slot">
               <div class="v-menu"
-                   style="display: inline-block;"
+                   style="display: block;"
               >
                 <div class="v-menu__activator">
                   <div class="v-select__slot">
@@ -161,7 +161,7 @@ exports[`VDataIterator.js should match a snapshot - no data 1`] = `
           <div class="v-input__control">
             <div class="v-input__slot">
               <div class="v-menu"
-                   style="display: inline-block;"
+                   style="display: block;"
               >
                 <div class="v-menu__activator">
                   <div class="v-select__slot">
@@ -295,7 +295,7 @@ exports[`VDataIterator.js should match a snapshot - no matching records 1`] = `
           <div class="v-input__control">
             <div class="v-input__slot">
               <div class="v-menu"
-                   style="display: inline-block;"
+                   style="display: block;"
               >
                 <div class="v-menu__activator">
                   <div class="v-select__slot">
@@ -433,7 +433,7 @@ exports[`VDataIterator.js should match a snapshot - with data 1`] = `
           <div class="v-input__control">
             <div class="v-input__slot">
               <div class="v-menu"
-                   style="display: inline-block;"
+                   style="display: block;"
               >
                 <div class="v-menu__activator">
                   <div class="v-select__slot">
diff --git a/test/unit/components/VDataTable/__snapshots__/VDataTable.spec.js.snap b/test/unit/components/VDataTable/__snapshots__/VDataTable.spec.js.snap
index 8f435a3a8a0..08211f3412b 100644
--- a/test/unit/components/VDataTable/__snapshots__/VDataTable.spec.js.snap
+++ b/test/unit/components/VDataTable/__snapshots__/VDataTable.spec.js.snap
@@ -74,7 +74,7 @@ exports[`VDataTable.vue should match a snapshot - no data 1`] = `
           <div class="v-input__control">
             <div class="v-input__slot">
               <div class="v-menu"
-                   style="display: inline-block;"
+                   style="display: block;"
               >
                 <div class="v-menu__activator">
                   <div class="v-select__slot">
@@ -259,7 +259,7 @@ exports[`VDataTable.vue should match a snapshot - no matching results 1`] = `
           <div class="v-input__control">
             <div class="v-input__slot">
               <div class="v-menu"
-                   style="display: inline-block;"
+                   style="display: block;"
               >
                 <div class="v-menu__activator">
                   <div class="v-select__slot">
@@ -446,7 +446,7 @@ exports[`VDataTable.vue should match a snapshot - with data 1`] = `
           <div class="v-input__control">
             <div class="v-input__slot">
               <div class="v-menu"
-                   style="display: inline-block;"
+                   style="display: block;"
               >
                 <div class="v-menu__activator">
                   <div class="v-select__slot">
diff --git a/test/unit/components/VMenu/__snapshots__/VMenu.spec.js.snap b/test/unit/components/VMenu/__snapshots__/VMenu.spec.js.snap
index 5fb532b6052..37f0061b7fc 100644
--- a/test/unit/components/VMenu/__snapshots__/VMenu.spec.js.snap
+++ b/test/unit/components/VMenu/__snapshots__/VMenu.spec.js.snap
@@ -3,7 +3,7 @@
 exports[`VMenu.js should render component with custom absolute and match snapshot 1`] = `
 
 <div class="v-menu"
-     style="display: inline-block;"
+     style="display: block;"
 >
   <div class="v-menu__content"
        style="max-height: auto; min-width: 0px; max-width: auto; top: 12px; left: 0px; z-index: 0; display: none;"
@@ -16,7 +16,7 @@ exports[`VMenu.js should render component with custom absolute and match snapsho
 exports[`VMenu.js should render component with custom activator and match snapshot 1`] = `
 
 <div class="v-menu"
-     style="display: inline-block;"
+     style="display: block;"
 >
   <div class="v-menu__content"
        style="max-height: auto; min-width: 0px; max-width: auto; top: 12px; left: 0px; z-index: 0; display: none;"
@@ -29,7 +29,7 @@ exports[`VMenu.js should render component with custom activator and match snapsh
 exports[`VMenu.js should render component with custom auto and match snapshot 1`] = `
 
 <div class="v-menu"
-     style="display: inline-block;"
+     style="display: block;"
 >
   <div class="v-menu__content v-menu__content--auto"
        style="max-height: 200px; min-width: 16px; max-width: auto; top: 12px; left: 12px; z-index: 0; display: none;"
@@ -42,7 +42,7 @@ exports[`VMenu.js should render component with custom auto and match snapshot 1`
 exports[`VMenu.js should render component with custom bottom and match snapshot 1`] = `
 
 <div class="v-menu"
-     style="display: inline-block;"
+     style="display: block;"
 >
   <div class="v-menu__content"
        style="max-height: auto; min-width: 0px; max-width: auto; top: 12px; left: 0px; z-index: 0; display: none;"
@@ -55,7 +55,7 @@ exports[`VMenu.js should render component with custom bottom and match snapshot
 exports[`VMenu.js should render component with custom closeOnClick and match snapshot 1`] = `
 
 <div class="v-menu"
-     style="display: inline-block;"
+     style="display: block;"
 >
   <div class="v-menu__content"
        style="max-height: auto; min-width: 0px; max-width: auto; top: 12px; left: 0px; z-index: 0; display: none;"
@@ -68,7 +68,7 @@ exports[`VMenu.js should render component with custom closeOnClick and match sna
 exports[`VMenu.js should render component with custom closeOnContentClick and match snapshot 1`] = `
 
 <div class="v-menu"
-     style="display: inline-block;"
+     style="display: block;"
 >
   <div class="v-menu__content"
        style="max-height: auto; min-width: 0px; max-width: auto; top: 12px; left: 0px; z-index: 0; display: none;"
@@ -81,7 +81,7 @@ exports[`VMenu.js should render component with custom closeOnContentClick and ma
 exports[`VMenu.js should render component with custom disabled and match snapshot 1`] = `
 
 <div class="v-menu"
-     style="display: inline-block;"
+     style="display: block;"
 >
   <div class="v-menu__content"
        style="max-height: auto; min-width: 0px; max-width: auto; top: 12px; left: 0px; z-index: 0; display: none;"
@@ -107,7 +107,7 @@ exports[`VMenu.js should render component with custom fullWidth and match snapsh
 exports[`VMenu.js should render component with custom lazy and match snapshot 1`] = `
 
 <div class="v-menu"
-     style="display: inline-block;"
+     style="display: block;"
 >
   <div class="v-menu__content"
        style="max-height: auto; min-width: 0px; max-width: auto; top: 12px; left: 0px; z-index: 0; display: none;"
@@ -120,7 +120,7 @@ exports[`VMenu.js should render component with custom lazy and match snapshot 1`
 exports[`VMenu.js should render component with custom left and match snapshot 1`] = `
 
 <div class="v-menu"
-     style="display: inline-block;"
+     style="display: block;"
 >
   <div class="v-menu__content"
        style="max-height: auto; min-width: 0px; max-width: auto; top: 12px; left: 0px; z-index: 0; display: none;"
@@ -133,7 +133,7 @@ exports[`VMenu.js should render component with custom left and match snapshot 1`
 exports[`VMenu.js should render component with custom maxHeight and match snapshot 1`] = `
 
 <div class="v-menu"
-     style="display: inline-block;"
+     style="display: block;"
 >
   <div class="v-menu__content"
        style="max-height: 100px; min-width: 0px; max-width: auto; top: 12px; left: 0px; z-index: 0; display: none;"
@@ -146,7 +146,7 @@ exports[`VMenu.js should render component with custom maxHeight and match snapsh
 exports[`VMenu.js should render component with custom maxWidth and match snapshot 1`] = `
 
 <div class="v-menu"
-     style="display: inline-block;"
+     style="display: block;"
 >
   <div class="v-menu__content"
        style="max-height: auto; min-width: 0px; max-width: 100px; top: 12px; left: 0px; z-index: 0; display: none;"
@@ -159,7 +159,7 @@ exports[`VMenu.js should render component with custom maxWidth and match snapsho
 exports[`VMenu.js should render component with custom minWidth and match snapshot 1`] = `
 
 <div class="v-menu"
-     style="display: inline-block;"
+     style="display: block;"
 >
   <div class="v-menu__content"
        style="max-height: auto; min-width: 100px; max-width: auto; top: 12px; left: 0px; z-index: 0; display: none;"
@@ -172,7 +172,7 @@ exports[`VMenu.js should render component with custom minWidth and match snapsho
 exports[`VMenu.js should render component with custom nudgeBottom and match snapshot 1`] = `
 
 <div class="v-menu"
-     style="display: inline-block;"
+     style="display: block;"
 >
   <div class="v-menu__content"
        style="max-height: auto; min-width: 0px; max-width: auto; top: 100px; left: 0px; z-index: 0; display: none;"
@@ -185,7 +185,7 @@ exports[`VMenu.js should render component with custom nudgeBottom and match snap
 exports[`VMenu.js should render component with custom nudgeLeft and match snapshot 1`] = `
 
 <div class="v-menu"
-     style="display: inline-block;"
+     style="display: block;"
 >
   <div class="v-menu__content"
        style="max-height: auto; min-width: 0px; max-width: auto; top: 12px; left: 12px; z-index: 0; display: none;"
@@ -198,7 +198,7 @@ exports[`VMenu.js should render component with custom nudgeLeft and match snapsh
 exports[`VMenu.js should render component with custom nudgeRight and match snapshot 1`] = `
 
 <div class="v-menu"
-     style="display: inline-block;"
+     style="display: block;"
 >
   <div class="v-menu__content"
        style="max-height: auto; min-width: 0px; max-width: auto; top: 12px; left: 100px; z-index: 0; display: none;"
@@ -211,7 +211,7 @@ exports[`VMenu.js should render component with custom nudgeRight and match snaps
 exports[`VMenu.js should render component with custom nudgeTop and match snapshot 1`] = `
 
 <div class="v-menu"
-     style="display: inline-block;"
+     style="display: block;"
 >
   <div class="v-menu__content"
        style="max-height: auto; min-width: 0px; max-width: auto; top: 12px; left: 0px; z-index: 0; display: none;"
@@ -224,7 +224,7 @@ exports[`VMenu.js should render component with custom nudgeTop and match snapsho
 exports[`VMenu.js should render component with custom nudgeWidth and match snapshot 1`] = `
 
 <div class="v-menu"
-     style="display: inline-block;"
+     style="display: block;"
 >
   <div class="v-menu__content"
        style="max-height: auto; min-width: 100px; max-width: auto; top: 12px; left: 0px; z-index: 0; display: none;"
@@ -237,7 +237,7 @@ exports[`VMenu.js should render component with custom nudgeWidth and match snaps
 exports[`VMenu.js should render component with custom offsetX and match snapshot 1`] = `
 
 <div class="v-menu"
-     style="display: inline-block;"
+     style="display: block;"
 >
   <div class="v-menu__content"
        style="max-height: auto; min-width: 0px; max-width: auto; top: 12px; left: 0px; z-index: 0; display: none;"
@@ -250,7 +250,7 @@ exports[`VMenu.js should render component with custom offsetX and match snapshot
 exports[`VMenu.js should render component with custom offsetY and match snapshot 1`] = `
 
 <div class="v-menu"
-     style="display: inline-block;"
+     style="display: block;"
 >
   <div class="v-menu__content"
        style="max-height: auto; min-width: 0px; max-width: auto; top: 12px; left: 0px; z-index: 0; display: none;"
@@ -263,7 +263,7 @@ exports[`VMenu.js should render component with custom offsetY and match snapshot
 exports[`VMenu.js should render component with custom openOnClick and match snapshot 1`] = `
 
 <div class="v-menu"
-     style="display: inline-block;"
+     style="display: block;"
 >
   <div class="v-menu__content"
        style="max-height: auto; min-width: 0px; max-width: auto; top: 12px; left: 0px; z-index: 0; display: none;"
@@ -276,7 +276,7 @@ exports[`VMenu.js should render component with custom openOnClick and match snap
 exports[`VMenu.js should render component with custom openOnHover and match snapshot 1`] = `
 
 <div class="v-menu"
-     style="display: inline-block;"
+     style="display: block;"
 >
   <div class="v-menu__content"
        style="max-height: auto; min-width: 0px; max-width: auto; top: 12px; left: 0px; z-index: 0; display: none;"
@@ -289,7 +289,7 @@ exports[`VMenu.js should render component with custom openOnHover and match snap
 exports[`VMenu.js should render component with custom origin and match snapshot 1`] = `
 
 <div class="v-menu"
-     style="display: inline-block;"
+     style="display: block;"
 >
   <div class="v-menu__content"
        style="max-height: auto; min-width: 0px; max-width: auto; top: 12px; left: 0px; z-index: 0; display: none;"
@@ -302,7 +302,7 @@ exports[`VMenu.js should render component with custom origin and match snapshot
 exports[`VMenu.js should render component with custom positionX and match snapshot 1`] = `
 
 <div class="v-menu"
-     style="display: inline-block;"
+     style="display: block;"
 >
   <div class="v-menu__content"
        style="max-height: auto; min-width: 0px; max-width: auto; top: 12px; left: 0px; z-index: 0; display: none;"
@@ -315,7 +315,7 @@ exports[`VMenu.js should render component with custom positionX and match snapsh
 exports[`VMenu.js should render component with custom positionY and match snapshot 1`] = `
 
 <div class="v-menu"
-     style="display: inline-block;"
+     style="display: block;"
 >
   <div class="v-menu__content"
        style="max-height: auto; min-width: 0px; max-width: auto; top: 12px; left: 0px; z-index: 0; display: none;"
@@ -328,7 +328,7 @@ exports[`VMenu.js should render component with custom positionY and match snapsh
 exports[`VMenu.js should render component with custom right and match snapshot 1`] = `
 
 <div class="v-menu"
-     style="display: inline-block;"
+     style="display: block;"
 >
   <div class="v-menu__content"
        style="max-height: auto; min-width: 0px; max-width: auto; top: 12px; left: 0px; z-index: 0; display: none;"
@@ -341,7 +341,7 @@ exports[`VMenu.js should render component with custom right and match snapshot 1
 exports[`VMenu.js should render component with custom top and match snapshot 1`] = `
 
 <div class="v-menu"
-     style="display: inline-block;"
+     style="display: block;"
 >
   <div class="v-menu__content"
        style="max-height: auto; min-width: 0px; max-width: auto; top: 12px; left: 0px; z-index: 0; display: none;"
@@ -354,7 +354,7 @@ exports[`VMenu.js should render component with custom top and match snapshot 1`]
 exports[`VMenu.js should render component with custom transition and match snapshot 1`] = `
 
 <div class="v-menu"
-     style="display: inline-block;"
+     style="display: block;"
 >
   <div class="v-menu__content"
        style="max-height: auto; min-width: 0px; max-width: auto; top: 12px; left: 0px; z-index: 0; display: none;"
@@ -369,7 +369,7 @@ exports[`VMenu.js should round dimensions 1`] = `"max-height: auto; min-width: 1
 exports[`VMenu.js should work 1`] = `
 
 <div class="v-menu"
-     style="display: inline-block;"
+     style="display: block;"
 >
   <div class="v-menu__activator v-menu__activator--active">
     <button type="button"
diff --git a/test/unit/components/VOverflowBtn/__snapshots__/VOverflowBtn.spec.js.snap b/test/unit/components/VOverflowBtn/__snapshots__/VOverflowBtn.spec.js.snap
index c8df3500b4d..70d436f231e 100644
--- a/test/unit/components/VOverflowBtn/__snapshots__/VOverflowBtn.spec.js.snap
+++ b/test/unit/components/VOverflowBtn/__snapshots__/VOverflowBtn.spec.js.snap
@@ -6,7 +6,7 @@ exports[`VOverflowBtn should use default autocomplete selections 1`] = `
   <div class="v-input__control">
     <div class="v-input__slot">
       <div class="v-menu"
-           style="display: inline-block;"
+           style="display: block;"
       >
         <div class="v-menu__activator">
           <div class="v-select__slot">
@@ -50,7 +50,7 @@ exports[`VOverflowBtn should use default autocomplete selections 2`] = `
   <div class="v-input__control">
     <div class="v-input__slot">
       <div class="v-menu"
-           style="display: inline-block;"
+           style="display: block;"
       >
         <div class="v-menu__activator">
           <div class="v-select__slot">
diff --git a/test/unit/components/VSelect/__snapshots__/VSelect.spec.js.snap b/test/unit/components/VSelect/__snapshots__/VSelect.spec.js.snap
index ba81ba8e3c3..a903b32bb31 100644
--- a/test/unit/components/VSelect/__snapshots__/VSelect.spec.js.snap
+++ b/test/unit/components/VSelect/__snapshots__/VSelect.spec.js.snap
@@ -16,7 +16,7 @@ exports[`VSelect should only show items if they are in items 1`] = `
   <div class="v-input__control">
     <div class="v-input__slot">
       <div class="v-menu"
-           style="display: inline-block;"
+           style="display: block;"
       >
         <div class="v-menu__activator">
           <div class="v-select__slot">
@@ -63,7 +63,7 @@ exports[`VSelect should only show items if they are in items 2`] = `
   <div class="v-input__control">
     <div class="v-input__slot">
       <div class="v-menu"
-           style="display: inline-block;"
+           style="display: block;"
       >
         <div class="v-menu__activator">
           <div class="v-select__slot">
@@ -107,7 +107,7 @@ exports[`VSelect should only show items if they are in items 3`] = `
   <div class="v-input__control">
     <div class="v-input__slot">
       <div class="v-menu"
-           style="display: inline-block;"
+           style="display: block;"
       >
         <div class="v-menu__activator">
           <div class="v-select__slot">
@@ -154,7 +154,7 @@ exports[`VSelect should only show items if they are in items 4`] = `
   <div class="v-input__control">
     <div class="v-input__slot">
       <div class="v-menu"
-           style="display: inline-block;"
+           style="display: block;"
       >
         <div class="v-menu__activator">
           <div class="v-select__slot">
@@ -204,7 +204,7 @@ exports[`VSelect should render v-select correctly when not using scope slot 1`]
   <div class="v-input__control">
     <div class="v-input__slot">
       <div class="v-menu"
-           style="display: inline-block;"
+           style="display: block;"
       >
         <div class="v-menu__activator">
           <div class="v-select__slot">
@@ -248,7 +248,7 @@ exports[`VSelect should render v-select correctly when not using v-list-tile in
   <div class="v-input__control">
     <div class="v-input__slot">
       <div class="v-menu"
-           style="display: inline-block;"
+           style="display: block;"
       >
         <div class="v-menu__activator">
           <div class="v-select__slot">
@@ -292,7 +292,7 @@ exports[`VSelect should render v-select correctly when using v-list-tile in item
   <div class="v-input__control">
     <div class="v-input__slot">
       <div class="v-menu"
-           style="display: inline-block;"
+           style="display: block;"
       >
         <div class="v-menu__activator">
           <div class="v-select__slot">
@@ -341,7 +341,7 @@ exports[`VSelect should use scoped slot for selection generation 1`] = `
   <div class="v-input__control">
     <div class="v-input__slot">
       <div class="v-menu"
-           style="display: inline-block;"
+           style="display: block;"
       >
         <div class="v-menu__activator">
           <div class="v-select__slot">
diff --git a/test/unit/components/VSelect/__snapshots__/VSelect2.spec.js.snap b/test/unit/components/VSelect/__snapshots__/VSelect2.spec.js.snap
index 62e9e86b4c1..53e8d0b1005 100644
--- a/test/unit/components/VSelect/__snapshots__/VSelect2.spec.js.snap
+++ b/test/unit/components/VSelect/__snapshots__/VSelect2.spec.js.snap
@@ -8,7 +8,7 @@ exports[`VSelect should add color to selected index 1`] = `
   <div class="v-input__control">
     <div class="v-input__slot">
       <div class="v-menu"
-           style="display: inline-block;"
+           style="display: block;"
       >
         <div class="v-menu__activator">
           <div class="v-select__slot">
@@ -55,7 +55,7 @@ exports[`VSelect should be clearable with prop, dirty and multi select 1`] = `
   <div class="v-input__control">
     <div class="v-input__slot">
       <div class="v-menu"
-           style="display: inline-block;"
+           style="display: block;"
       >
         <div class="v-menu__activator">
           <div class="v-select__slot">
@@ -111,7 +111,7 @@ exports[`VSelect should be clearable with prop, dirty and single select 1`] = `
   <div class="v-input__control">
     <div class="v-input__slot">
       <div class="v-menu"
-           style="display: inline-block;"
+           style="display: block;"
       >
         <div class="v-menu__activator">
           <div class="v-select__slot">