Describe the bug
In the web app (v3.89.0 as of this writing), any note that does not use the "Plain Text" editor cannot be read or edited except through a tiny panel 150 pixels tall. This makes the web app essentially unusable.
I have reproduced this in both Firefox (version 107.0) and Chrome (version 107.0.5304.107). I noticed this for the first time yesterday (Saturday, November 19, 2022).
To Reproduce
Steps to reproduce the behavior:
View any note that does not use the "Plain Text" editor in Firefox or Chrome.
The note will be severely truncated, allowing only 150 pixels of the editor to be visible.
Expected behavior
The note editor should fill the column vertically.
Screenshots
The first screenshot below shows the problem. Only a couple lines of this note are visible. I'm using the "Alternative Rich Text" editor here.
The page inspector tools on the right show that this note is displayed inside an iframe inside of div.component-view. The iframe is constrained to a height of 150 pixels.
In contrast, the container div.component-view is not constrained in height and fills the column:
Web:
OS: Windows 11
Browser: Reproduced in both Firefox 107.0 and Chrome 107.0.5304.107 (screenshots from Firefox)
Standard Notes web app version v3.89.0
Additional context
In addition to the tight constraint on the note editor layout, I also noticed that the toolbar that is normally pinned to the bottom of the page is not immediately visible. I have to scroll far down to find it.
Furthermore, I noticed an issue with some themes that appeared at the same time as this issue. Perhaps they are related. In the screenshots above, I have the Default theme selected. If I try to switch to some others, like Midnight, the app sometimes (more often than not) fails to make any changes at all, and the console will produce error messages like these:
GET https://app.standardnotes.org/components/assets/org.standardnotes.theme-midnight/dist/dist.css
[HTTP/2 404 Not Found 832ms]
The resource from “https://app.standardnotes.org/components/assets/org.standardnotes.theme-midnight/dist/dist.css” was blocked due to MIME type (“text/html”) mismatch (X-Content-Type-Options: nosniff).
Web version v3.90.6, which was published yesterday I think, seems to no longer have this problem. If the fix was intentional, then thank you! I'll close this issue now, and reopen if it recurs.
Describe the bug In the web app (v3.89.0 as of this writing), any note that does not use the "Plain Text" editor cannot be read or edited except through a tiny panel 150 pixels tall. This makes the web app essentially unusable.
I have reproduced this in both Firefox (version 107.0) and Chrome (version 107.0.5304.107). I noticed this for the first time yesterday (Saturday, November 19, 2022).
To Reproduce Steps to reproduce the behavior:
Expected behavior The note editor should fill the column vertically.
Screenshots The first screenshot below shows the problem. Only a couple lines of this note are visible. I'm using the "Alternative Rich Text" editor here.
The page inspector tools on the right show that this note is displayed inside an
iframe
inside ofdiv.component-view
. Theiframe
is constrained to a height of 150 pixels.In contrast, the container
div.component-view
is not constrained in height and fills the column:Web:
Additional context In addition to the tight constraint on the note editor layout, I also noticed that the toolbar that is normally pinned to the bottom of the page is not immediately visible. I have to scroll far down to find it.
Furthermore, I noticed an issue with some themes that appeared at the same time as this issue. Perhaps they are related. In the screenshots above, I have the Default theme selected. If I try to switch to some others, like Midnight, the app sometimes (more often than not) fails to make any changes at all, and the console will produce error messages like these: