cherry pick qr code

src/app/components/shared/questionwall/QuestionWallKeyEventSupport.ts

@@ -8,7 +8,7 @@ export class QuestionWallKeyEventSupport {
     window.addEventListener('keyup', this.windowEvent = e => {
       if (this.keyMap.has(e.key)) {
         this.keyMap.get(e.key)();
-        e.preventDefault();
+        e.cancelBubble = true;
       }
     });
   }

src/app/components/shared/questionwall/question-wall/question-wall.component.ts

@@ -169,19 +169,9 @@ export class QuestionWallComponent implements OnInit, AfterViewInit, OnDestroy {
 
   initKeySupport() {
     this.wrap(this.keySupport, key => {
-      const checkSideList=()=>{
-        if(!this.sidelistExpanded){
-          this.toggleSideList();
-        }
-      }
-      const zip=(a,b)=>{
-        a();
-        b();
-      }
-      const zipSideList=a=>()=>zip(()=>checkSideList(),()=>a());
-      key.addKeyEvent('ArrowRight', zipSideList(() => this.nextComment()));
-      key.addKeyEvent('ArrowLeft', zipSideList(() => this.prevComment()));
-      key.addKeyEvent(' ', zipSideList(() => this.nextComment()));
+      key.addKeyEvent('ArrowRight', () => this.nextComment());
+      key.addKeyEvent('ArrowLeft', () => this.prevComment());
+      key.addKeyEvent(' ', () => this.nextComment());
     });
   }