`).\r\n\r\n## Flexbox Layout: Toolbars, Footers, Flexbox and Fullscreen\r\n\r\nYou can add Bootstrap navbars (toobars) and footers to codemirror. The HTML flexbox layout is:\r\n```hbs\r\n
\r\n\t
\r\n\t\t{{! your bootstrap navbar}}\r\n\t
\r\n\t
\r\n\t\t{{! your textarea for codemirror}}\r\n\t
\r\n\t\r\n
\r\n```\r\n\r\nThe css is shown below and is included in the examples:\r\n```css\r\n.cm-flex-container {display: flex;flex-direction: column;height: 100%;}\r\n.cm-flex-child-fixed {flex: none;}\r\n.cm-flex-child-grow {flex: auto; overflow-y:hidden;}\r\n```\r\n\r\nUseful resources for flexbox include:\r\n- https://css-tricks.com/snippets/css/a-guide-to-flexbox/\r\n- https://css-tricks.com/snippets/css/complete-guide-grid/\r\n- http://flexboxgrid.com/\r\n\r\n## Auto-Sizing Limit\r\n\r\nThere should be option to limit the size of the editor in auto-scrolling.\r\n\r\n## Todo: Code Folding\r\n- https://codemirror.net/demo/folding.html\r\n\r\n## Todo: Drag Resizing\r\n- https://github.com/codemirror/CodeMirror/issues/850\r\n- https://interactjs.io/\r\n\r\n## Todo: Improve fullscreen\r\n- **Support window scroll on exit:** Be the user presses the fullscreen mode the browser window might be scrolled. This scrolled state should be restore upon existing fullscreen.\r\n- **Support codemirror scroll on enter:** Before the user presses fullscreen mode the editor might be too large for fullscreen. In this case the editor will scroll. The cursor can be below the fold.\r\n\r\n## Todo: add byte system to footer\r\nShow the textarea value length as `10.1 KB`\r\n\r\n## Todo: Workings of Monaco Editor For Comparison\r\n- https://microsoft.github.io/monaco-editor/\r\n\r\n## Todo: Problem with sticky tooltips\r\nWhen do the following:\r\n- Create lint error,\r\n- Click on the source of the error,\r\n- Move mouse to display the tooltip\r\n- Type on keyboard to fix the lint error\r\n- Tooltip is still visable and stuck to the cursor even though the lint error is resolved.\r\n\r\nCheck the lint integration compared to the demo:\r\n- Demo: view-source:https://codemirror.net/demo/lint.html\r\n\r\nSee:\r\n//https://github.com/codemirror/CodeMirror/pull/4308\r\n\r\n\r\n# Workflow\r\n\r\n```bash\r\ngrunt build\r\n```","readmeFilename":"README.md"}