fixing editor jumping around

rl-tools · Jul 4, 2024 · 274ab80 · 274ab80
1 parent 74b3f56
commit 274ab80
Show file tree

Hide file tree

Showing 9 changed files with 11 additions and 7 deletions.
diff --git a/examples/bottleneck/init.js b/examples/bottleneck/init.js
@@ -1,4 +1,4 @@
-export function init(canvas, parameters, options){
+export async function init(canvas, parameters, options){
     // Simply saving the context for 2D environments
     return {
         ctx: canvas.getContext('2d')

diff --git a/examples/bottleneck/render.js b/examples/bottleneck/render.js
@@ -1,4 +1,4 @@
-export function render(ui_state, parameters, state, action) {
+export async function render(ui_state, parameters, state, action) {
     const ctx = ui_state.ctx
     ctx.clearRect(0, 0, ctx.canvas.width, ctx.canvas.height);
     const canvasWidth = ctx.canvas.width;

diff --git a/examples/pendulum-simple/init.js b/examples/pendulum-simple/init.js
@@ -1,4 +1,4 @@
-export function init(canvas, parameters, options){
+export async function init(canvas, parameters, options){
     // Simply saving the context for 2D environments
     return {
         ctx: canvas.getContext('2d')

diff --git a/examples/pendulum-simple/render.js b/examples/pendulum-simple/render.js
@@ -1,4 +1,4 @@
-export function render(ui_state, parameters, state, action) {
+export async function render(ui_state, parameters, state, action) {
     const ctx = ui_state.ctx
     ctx.clearRect(0, 0, ctx.canvas.width, ctx.canvas.height);
 

diff --git a/examples/pendulum/init.js b/examples/pendulum/init.js
@@ -1,4 +1,4 @@
-export function init(canvas, parameters, options){
+export async function init(canvas, parameters, options){
     // Simply saving the context for 2D environments
     return {
         ctx: canvas.getContext('2d')

diff --git a/examples/pendulum/render.js b/examples/pendulum/render.js
@@ -1,4 +1,4 @@
-export function render(ui_state, parameters, state, action) {
+export async function render(ui_state, parameters, state, action) {
     const ctx = ui_state.ctx
     ctx.clearRect(0, 0, ctx.canvas.width, ctx.canvas.height);
 

diff --git a/external/ace-builds b/external/ace-builds
diff --git a/index.css b/index.css
@@ -42,6 +42,9 @@ body {
     resize: vertical;
     box-sizing: border-box;
 }
+.editor{
+    max-height: 90vh;
+}
 
 textarea:focus {
     box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3); /* Slightly larger shadow on focus for a subtle effect */

diff --git a/index.js b/index.js
@@ -20,6 +20,7 @@ window.addEventListener('load', () => {
         const numberOfRows = Math.max(3, editor.session.getLength());
         const newHeight = numberOfRows * rowHeight;
         editorContainer.style.height = `${newHeight}px`;
+        editorContainer.style.maxHeight = `90vh`;
         editor.resize();
     }