fix: Slate toolbar rendered even if it has no elements and leaves

2023-10-10 19:22:08 +02:00
parent 9de3320933
commit 9ae585d23c
1 changed files with 32 additions and 30 deletions
--- a/packages/richtext-slate/src/field/RichText.tsx
+++ b/packages/richtext-slate/src/field/RichText.tsx
@@ -329,6 +329,7 @@ const RichText: React.FC<FieldProps> = (props) => {
          value={valueToRender as any[]}
        >
          <div className={`${baseClass}__wrapper`}>
+            {elements?.length + leaves?.length > 0 && (
              <div
                className={[`${baseClass}__toolbar`, drawerIsOpen && `${baseClass}__drawerIsOpen`]
                  .filter(Boolean)
@@ -366,6 +367,7 @@ const RichText: React.FC<FieldProps> = (props) => {
                  })}
                </div>
              </div>
+            )}
            <div className={`${baseClass}__editor`} ref={editorRef}>
              <Editable
                className={`${baseClass}__input`}