C2LC-158: Change layout of the ProgramBlockEditor Vertically

Metadata

Source
C2LC-158
Type
Task
Priority
N/A
Status
Won't Fix
Resolution
N/A
Assignee
N/A
Reporter
Created
2020-01-30T09:12:15.672-0500
Updated
2020-02-28T10:28:47.880-0500
Versions
N/A
Fixed Versions
  1. Coding Env 0.3
Component
N/A

Description

Comments

  • Daniel Cho commented 2020-01-30T14:04:23.845-0500

    With the vertical layout for the ProgramBlockEditor, now there's double scroll bar issue. I tried to show the scroll bar, but Mac hides scroll bar when it's inactive.

  • Daniel Cho commented 2020-01-30T14:06:24.807-0500

    Also, tab order is quite interesting for bottom up version of the program sequence – tab key will go up the program sequence and to go down, you have to press shift + tab key, which is reverse of how default tab interaction works.

  • Daniel Cho commented 2020-02-03T17:03:55.153-0500

    There's a problem with using scroll-bar inside of div with flex direction of column-reverse.
    Issue: https://github.com/philipwalton/flexbugs/issues/108
    Potential fix: https://codesandbox.io/s/chat-messages-pagination-demo-8txzm

    The issue says it's a problem in IE and Firefox, but I am experiencing a problem on Chrome as well.

  • Daniel Cho commented 2020-02-04T12:05:54.249-0500

    Please ignore the previous comment, it was just a problem with setting height on a wrong container, at least in Chrome.

  • Simon Bates commented 2020-02-28T10:28:33.667-0500

    Closing this issue as the work is folded into C2LC-160