Skip to content

[examples/images] Cmd+A selects image void nodes instead of editor text #5

@wudidewo12

Description

@wudidewo12

Description

In the Images example, pressing Cmd+A after focusing the editor does not select the editor text on the local v2 build. Instead, the image/void nodes show blue selection lines and delete icons.

The live Slate examples page selects the editor body content with the same operation.

Recording

Screenshots attached below:

Local actual behavior:

Image

Live reference expected behavior:

Image

Video attached below:

  • Local actual behavior: after pressing Cmd+A, only the image/void nodes show selected state and delete icons.
  • Live reference behavior: after pressing Cmd+A, the editor body text is selected.

Sandbox

No response.

Local reproduction URL:

http://localhost:3100/examples/images

Live reference URL:

https://www.slatejs.org/examples/images

Steps

To reproduce the behavior:

  1. Open http://localhost:3100/examples/images.
  2. Click inside the editor text so the Images editor has focus.
  3. Press Cmd+A once.
  4. Compare with https://www.slatejs.org/examples/images using the same steps.

Expectation

The local v2 build should match the live Slate example. Pressing Cmd+A should select the editor body content.

Actual behavior

On the local v2 build, the editor text is not selected. Instead, the image/void nodes show blue selection lines and delete icons.

Environment

  • OS: macOS
  • Branch: v2
  • Commit: ce2bd6c6
  • Install/run method: local repo with bun serve
  • Affected example: /examples/images

Impact

The select-all keyboard shortcut behaves inconsistently in the Images example. This makes keyboard editing confusing around image/void nodes and does not match the live reference behavior.

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions