Open alecuea opened 1 year ago
Thank you for opening your first issue in this project! Engagement like this is essential for open source projects! :hugs:
If you haven't done so already, check out Jupyter's Code of Conduct. Also, please try to follow the issue template as it helps other other community members to contribute more effectively.
You can meet the other Jovyans by joining our Discourse forum. There is also an intro thread there where you can stop by and say Hi! :wave:
Welcome to the Jupyter community! :tada:
JupyterLab 4 (currently in beta) uses a new version of CodeMirror which is said to have better performance. Would you mind trying out the pre-release to see if this is satisfactory?
How does the number of layer translates to performance, how did you measure it? We made a number of performance improvements for 4.0 and being able to compare specific statistics for bottlenecks would be very helpful.
@alecuea is this still a problem with the more recent versions of Safari after the substantial layout engine refactor in webkit or can we close this issue?
Description
Notebook cells in Safari browser create new layers that scale up linearly with the number of cells in the notebook, impacting rendering performance.
@ellisonbg could you please take a look at this issue?
Reproduce
I have reduced the problem to be related to the CSS of the textarea inside the cell. Positioning and dimensions make it overlap with its container creating these new layers.
I am not sure if this would be the best way to address this issue, but changing the textarea height to auto seems to solve the issue. I have verified this by running this code in the dev tools console:
After doing so, layers seem to get flattened:
Expected behavior
Notebook Cells do not create new layers in Safari.
Context
Troubleshoot Output
Command Line Output
Browser Output