standardnotes / forum

Support from other community members. For 1-on-1 help, please contact help@standardnotes.com.
https://forum.standardnotes.org
196 stars 9 forks source link

[Web] Note editing iframe constrained to height of 150 pixels; some themes not working #2294

Closed jpgill86 closed 1 year ago

jpgill86 commented 1 year ago

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:

  1. View any note that does not use the "Plain Text" editor in Firefox or Chrome.
  2. 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.

image

In contrast, the container div.component-view is not constrained in height and fills the column:

image

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:

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).
jpgill86 commented 1 year ago

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.