fix style build, add z-index 0 to message list to force it into its own stacking context, so that reaction lists never cover the autocomplete suggestion list

Tom Hutman · Tom Hutman · commit f03230eff511 · 2021-03-16T17:27:45.000+01:00
diff --git a/src/styles/MessageList.scss b/src/styles/MessageList.scss
@@ -4,6 +4,8 @@
   overflow-y: auto;
   -webkit-overflow-scrolling: touch; /* enable smooth scrolling on ios */
   padding: 0 0 0 0;
+  position: relative;
+  z-index: 0;
   .str-chat__reverse-infinite-scroll {
     padding-top: 75px;
   }
diff --git a/src/styles/index.scss b/src/styles/index.scss
@@ -4,7 +4,7 @@
 
 // Components
 
-@import 'mml-react/src/styles/index.scss';
+@import '../../node_modules/mml-react/src/styles/index.scss';
 @import './vendor/react-file-utils.scss';
 @import './vendor/emoji-mart.scss';
 

Original file line number	Diff line number	Diff line change
`@@ -4,6 +4,8 @@`
`4`	`4`	`overflow-y: auto;`
`5`	`5`	`-webkit-overflow-scrolling: touch; /* enable smooth scrolling on ios */`
`6`	`6`	`padding: 0 0 0 0;`
	`7`	`+ position: relative;`
	`8`	`+ z-index: 0;`
`7`	`9`	`.str-chat__reverse-infinite-scroll {`
`8`	`10`	`padding-top: 75px;`
`9`	`11`	`}`