[wp-trac] [WordPress Trac] #59086: Twenty Twenty: black background hides text editing after 6.3 update (was: Twenty Twenty Theme black background hides text editing after 6.3 update)

[WordPress Trac]

#59086: Twenty Twenty: black background hides text editing after 6.3 update
-------------------------------------+---------------------
 Reporter:  floydwilde               |       Owner:  (none)
     Type:  defect (bug)             |      Status:  new
 Priority:  normal                   |   Milestone:  6.3.1
Component:  Bundled Theme            |     Version:  6.3
 Severity:  normal                   |  Resolution:
 Keywords:  has-patch needs-testing  |     Focuses:  css
-------------------------------------+---------------------
Changes (by sabernhardt):

 * focuses:   => css


Comment:

 According to the [https://make.wordpress.org/core/2023/07/18
 /miscellaneous-editor-changes-in-wordpress-6-3/#post-editor-iframed dev
 note], having one registered block at version 2 could make it render
 outside of an iframe. Then the WordPress version would not help.

 Some `body` selectors were added in
 [https://github.com/WordPress/twentytwenty/pull/351/files#diff-
 a5bd56164e1ce14787589735399e161dc4a97917bc897c11e0ad57c77ee2a73eR134 PR
 351] and then reduced to only the one in
 [https://github.com/WordPress/twentytwenty/pull/890/files#diff-
 a5bd56164e1ce14787589735399e161dc4a97917bc897c11e0ad57c77ee2a73eR152 PR
 890]. Checking this with WordPress 5.0, that version added a text color on
 `.editor-styles-wrapper` later in the cascade. Any element should have
 overridden the other style just as well as `body`.

 Changing `body` to `:root` (within the browser inspector) worked for me in
 both 5.0 and 6.3:
 {{{
 ':root .editor-styles-wrapper, .editor-post-title__block .editor-post-
 title__input, .editor-post-title__block .editor-post-title__input:focus'
 }}}

 Another option to try is including both ways in the list:
 {{{
 'body .editor-styles-wrapper, .editor-styles-wrapper, .editor-post-
 title__block .editor-post-title__input, .editor-post-title__block .editor-
 post-title__input:focus'
 }}}
 (or `body .editor-styles-wrapper, body.editor-styles-wrapper, ...`)

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/59086#comment:13>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform