10play/10tap-editor

[BUG]: Tollbar flickering in pushed Stack with headerShown: true

Opened this issue · 0 comments

Describe the bug
Using the Basic example editor

The toolbar is flickering while typing. View with editor is pushed onto the stack layout with header enabled.

Basic example editor is working fine in main index Stack or if I disable header inside the pushed stack.

Project dependecies
   "dependencies": {
    "@10play/tentap-editor": "^0.5.29",
    "@expo/vector-icons": "^14.0.2",
    "@react-native-async-storage/async-storage": "1.23.1",
    "@react-native-google-signin/google-signin": "^13.1.0",
    "@react-navigation/bottom-tabs": "^7.0.0",
    "@react-navigation/elements": "^2.1.1",
    "@react-navigation/native": "^7.0.0",
    "@reduxjs/toolkit": "^2.4.0",
    "@rn-primitives/slot": "^1.1.0",
    "@rn-primitives/tabs": "^1.1.0",
    "@rn-primitives/types": "^1.1.0",
    "@tiptap/extension-character-count": "^2.9.1",
    "class-variance-authority": "^0.7.0",
    "clsx": "^2.1.1",
    "color-alpha": "^2.0.0",
    "date-fns": "^4.1.0",
    "eslint-plugin-jsx-a11y": "^6.10.2",
    "expo": "^52.0.21",
    "expo-asset": "~11.0.1",
    "expo-audio": "~0.3.0",
    "expo-blur": "~14.0.1",
    "expo-constants": "~17.0.3",
    "expo-dev-client": "~5.0.5",
    "expo-document-picker": "~13.0.1",
    "expo-file-system": "~18.0.4",
    "expo-font": "~13.0.1",
    "expo-haptics": "~14.0.0",
    "expo-image": "~2.0.3",
    "expo-linear-gradient": "~14.0.1",
    "expo-linking": "~7.0.3",
    "expo-localization": "~16.0.0",
    "expo-router": "~4.0.11",
    "expo-secure-store": "~14.0.0",
    "expo-splash-screen": "~0.29.16",
    "expo-status-bar": "~2.0.0",
    "expo-symbols": "~0.2.0",
    "expo-system-ui": "~4.0.5",
    "expo-web-browser": "~14.0.1",
    "i18next": "^23.16.5",
    "intl-pluralrules": "^2.0.1",
    "jwt-decode": "^4.0.0",
    "lucide-react-native": "^0.460.0",
    "moti": "^0.29.0",
    "nativewind": "^4.1.23",
    "react": "18.3.1",
    "react-dom": "18.3.1",
    "react-i18next": "^15.1.1",
    "react-native": "0.76.5",
    "react-native-gesture-handler": "~2.20.2",
    "react-native-reanimated": "~3.16.1",
    "react-native-safe-area-context": "4.12.0",
    "react-native-screens": "~4.1.0",
    "react-native-svg": "15.8.0",
    "react-native-web": "~0.19.13",
    "react-native-webview": "13.12.5",
    "react-redux": "^9.1.2",
    "tailwind-merge": "^2.5.4",
    "tailwindcss": "^3.4.15"
  },

To Reproduce
Steps to reproduce the behavior:

  1. Push the view with Basic editor onto the stack layout

Screenshots

ScreenRecording_12-21-2024.19-18-20_1.1.mp4