RawCMS
RawCMS copied to clipboard
The Lambda Editor isn't fully visible in Firefox
Describe the bug When creating a lambda in the client app the editor is only a few pixels tall.
To Reproduce Steps to reproduce the behavior:
- Open Firefox (in my case 73.0.1 64-bit)
- Click on Lambdas
- Create or edit a lambda
- The editor will be barely visible
Expected behavior The editor should be fully visible to the bottom of the window
Screenshots
Desktop:
-
OS: e.g. iOS, Windows, Linux
-
Browser chrome
-
Version 79.0.3945
-
OS: e.g. iOS, Windows, Linux
-
Browser firefox
-
Version 72.0.2
Additional context Add any other context about the problem here.
The editor height and width never refreshed on window resize and minimum height is not set.
- resize the browser window
- Create or edit a lambda
- resize the browser window
the editor is not refreshed
Possible solution: open file src\modules\core\components\lambda-details\lambda-details.js
-
add a event listner on window resize:
mounted: function () { window.addEventListener("resize", this.resizeCustomMonaco); }
-
in resizeCustomMonaco change
const newHeight
withvar newHeight
(const: value is immutable; var: value is mutable) -
check the newHeight value (in the example the minimum height is 100)
if (newHeight < 100) { newHeight = 100; } monacoEditor.layout({ width: oldLayout.width, height: newHeight });