@podlite/editor-react 0.0.45 → 0.0.46

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.podlite CHANGED
@@ -2,6 +2,10 @@
2
2
 
3
3
  =head1 Upcoming
4
4
 
5
+ =head1 0.0.46
6
+
7
+ =item fix task-list checkboxes invisible in full-preview mode — the C<content-visibility: auto> rule added in 0.0.44 was scoped to all C<.line-src> descendants, which re-introduced C<contain: size layout paint> on inner wrappers inside C<< <li> >> and broke the flex layout of C<.task-list-item>. Scoped the rule to direct children of C<.content> only; nested wrappers inside ul/ol/li/details/summary keep C<contain: none> from the existing carve-out, and the off-screen defer stays effective on top-level blocks
8
+
5
9
  =head1 0.0.45
6
10
 
7
11
  =item fix Enter in C<=item> list and Tab/Shift-Tab level change now scroll the cursor into view — previously the caret could move past the viewport bottom without scrolling. Same fix applied to image paste/drop insertion
package/esm/Editor.css CHANGED
@@ -103,8 +103,14 @@
103
103
  /* Defer layout/paint of off-screen blocks in full-preview mode. The browser
104
104
  skips rendering work for elements outside the viewport, using
105
105
  contain-intrinsic-size as a placeholder. `auto 2em` lets the browser
106
- remember the actual rendered size after first paint. */
107
- .podlite-editor .podlite-editor-preview[data-full-preview='true'] .line-src {
106
+ remember the actual rendered size after first paint.
107
+ Scope to direct children of `.content`: `content-visibility: auto`
108
+ implies `contain: size layout paint`, which would re-introduce the
109
+ containment the carve-out above removes from `.line-src` inside
110
+ ul/ol/li/details/summary — hiding task-list checkboxes and misaligning
111
+ disclosure markers. Top-level blocks are the bulk of content, so the
112
+ defer stays effective without touching list/disclosure interiors. */
113
+ .podlite-editor .podlite-editor-preview[data-full-preview='true'] .content > .line-src {
108
114
  content-visibility: auto;
109
115
  contain-intrinsic-size: auto 2em;
110
116
  }
package/lib/Editor.css CHANGED
@@ -103,8 +103,14 @@
103
103
  /* Defer layout/paint of off-screen blocks in full-preview mode. The browser
104
104
  skips rendering work for elements outside the viewport, using
105
105
  contain-intrinsic-size as a placeholder. `auto 2em` lets the browser
106
- remember the actual rendered size after first paint. */
107
- .podlite-editor .podlite-editor-preview[data-full-preview='true'] .line-src {
106
+ remember the actual rendered size after first paint.
107
+ Scope to direct children of `.content`: `content-visibility: auto`
108
+ implies `contain: size layout paint`, which would re-introduce the
109
+ containment the carve-out above removes from `.line-src` inside
110
+ ul/ol/li/details/summary — hiding task-list checkboxes and misaligning
111
+ disclosure markers. Top-level blocks are the bulk of content, so the
112
+ defer stays effective without touching list/disclosure interiors. */
113
+ .podlite-editor .podlite-editor-preview[data-full-preview='true'] .content > .line-src {
108
114
  content-visibility: auto;
109
115
  contain-intrinsic-size: auto 2em;
110
116
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@podlite/editor-react",
3
- "version": "0.0.45",
3
+ "version": "0.0.46",
4
4
  "description": "Rich text editor React component for Podlite — syntax highlighting, live preview, CodeMirror 6",
5
5
  "main": "lib/index.js",
6
6
  "types": "lib/index.d.ts",