From 189177b27b8440b1fb6a693c30438aedc170da55 Mon Sep 17 00:00:00 2001
From: Serhii Kulykov <iamkulykov@gmail.com>
Date: Thu, 10 Mar 2022 13:25:13 +0200
Subject: [PATCH] fix: revert setting align-self to stretch (#3534)

---
 packages/menu-bar/src/vaadin-menu-bar.js      |   1 -
 .../test/visual/lumo/menu-bar.test.js         |  26 ------------------
 .../menu-bar/baseline/ltr-flex-overflow.png   | Bin 3138 -> 0 bytes
 .../menu-bar/baseline/rtl-flex-overflow.png   | Bin 2979 -> 0 bytes
 .../test/visual/material/menu-bar.test.js     |  26 ------------------
 .../menu-bar/baseline/ltr-flex-overflow.png   | Bin 2381 -> 0 bytes
 .../menu-bar/baseline/rtl-flex-overflow.png   | Bin 2277 -> 0 bytes
 7 files changed, 53 deletions(-)
 delete mode 100644 packages/menu-bar/test/visual/lumo/screenshots/menu-bar/baseline/ltr-flex-overflow.png
 delete mode 100644 packages/menu-bar/test/visual/lumo/screenshots/menu-bar/baseline/rtl-flex-overflow.png
 delete mode 100644 packages/menu-bar/test/visual/material/screenshots/menu-bar/baseline/ltr-flex-overflow.png
 delete mode 100644 packages/menu-bar/test/visual/material/screenshots/menu-bar/baseline/rtl-flex-overflow.png

diff --git a/packages/menu-bar/src/vaadin-menu-bar.js b/packages/menu-bar/src/vaadin-menu-bar.js
index f833f4505d..3775f58f45 100644
--- a/packages/menu-bar/src/vaadin-menu-bar.js
+++ b/packages/menu-bar/src/vaadin-menu-bar.js
@@ -65,7 +65,6 @@ class MenuBar extends ButtonsMixin(DisabledMixin(InteractionsMixin(ElementMixin(
       <style>
         :host {
           display: block;
-          align-self: stretch; /* make overflow work in flex */
         }
 
         :host([hidden]) {
diff --git a/packages/menu-bar/test/visual/lumo/menu-bar.test.js b/packages/menu-bar/test/visual/lumo/menu-bar.test.js
index 41abb82ea2..158529f150 100644
--- a/packages/menu-bar/test/visual/lumo/menu-bar.test.js
+++ b/packages/menu-bar/test/visual/lumo/menu-bar.test.js
@@ -46,32 +46,6 @@ describe('menu-bar', () => {
         });
       });
 
-      describe('column flex', () => {
-        beforeEach(() => {
-          div = document.createElement('div');
-          div.style.display = 'flex';
-          div.style.padding = '10px';
-          div.style.maxWidth = '400px';
-          div.style.flexDirection = 'column';
-          div.style.alignItems = 'flex-start';
-
-          element = fixtureSync('<vaadin-menu-bar></vaadin-menu-bar>', div);
-          element.items = [
-            { text: 'Item 1' },
-            { text: 'Item 2' },
-            { text: 'Item 3' },
-            { text: 'Item 4' },
-            { text: 'Item 5' },
-            { text: 'Item 6' },
-            { text: 'Item 7' }
-          ];
-        });
-
-        it('flex-overflow', async () => {
-          await visualDiff(div, `${dir}-flex-overflow`);
-        });
-      });
-
       describe('theme', () => {
         function makeIcon(img) {
           const item = document.createElement('vaadin-context-menu-item');
diff --git a/packages/menu-bar/test/visual/lumo/screenshots/menu-bar/baseline/ltr-flex-overflow.png b/packages/menu-bar/test/visual/lumo/screenshots/menu-bar/baseline/ltr-flex-overflow.png
deleted file mode 100644
index 722883301becd67fb6a25c86908aa99392cfec71..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

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

diff --git a/packages/menu-bar/test/visual/lumo/screenshots/menu-bar/baseline/rtl-flex-overflow.png b/packages/menu-bar/test/visual/lumo/screenshots/menu-bar/baseline/rtl-flex-overflow.png
deleted file mode 100644
index 2444db2505f5640ee73e3c1554853db336380abf..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

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

diff --git a/packages/menu-bar/test/visual/material/menu-bar.test.js b/packages/menu-bar/test/visual/material/menu-bar.test.js
index 9c656ce320..0837e959b0 100644
--- a/packages/menu-bar/test/visual/material/menu-bar.test.js
+++ b/packages/menu-bar/test/visual/material/menu-bar.test.js
@@ -46,32 +46,6 @@ describe('menu-bar', () => {
         });
       });
 
-      describe('column flex', () => {
-        beforeEach(() => {
-          div = document.createElement('div');
-          div.style.display = 'flex';
-          div.style.padding = '10px';
-          div.style.maxWidth = '400px';
-          div.style.flexDirection = 'column';
-          div.style.alignItems = 'flex-start';
-
-          element = fixtureSync('<vaadin-menu-bar></vaadin-menu-bar>', div);
-          element.items = [
-            { text: 'Item 1' },
-            { text: 'Item 2' },
-            { text: 'Item 3' },
-            { text: 'Item 4' },
-            { text: 'Item 5' },
-            { text: 'Item 6' },
-            { text: 'Item 7' }
-          ];
-        });
-
-        it('flex-overflow', async () => {
-          await visualDiff(div, `${dir}-flex-overflow`);
-        });
-      });
-
       describe('theme', () => {
         function makeIcon(img) {
           const item = document.createElement('vaadin-context-menu-item');
diff --git a/packages/menu-bar/test/visual/material/screenshots/menu-bar/baseline/ltr-flex-overflow.png b/packages/menu-bar/test/visual/material/screenshots/menu-bar/baseline/ltr-flex-overflow.png
deleted file mode 100644
index c80179e8af0e5c7fd65c2ca661eda2d641450b7f..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 2381
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
WamJzgqdUL-h{@d4%B0cAJ>fsZDWyyR

diff --git a/packages/menu-bar/test/visual/material/screenshots/menu-bar/baseline/rtl-flex-overflow.png b/packages/menu-bar/test/visual/material/screenshots/menu-bar/baseline/rtl-flex-overflow.png
deleted file mode 100644
index 4098fa4426d5fcff1cc7b788ee0cdff0e1a5f5f9..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

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