Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[BUG]: Can not apply multiple rich style when typing #202

Open
nhuthuynh195 opened this issue Sep 20, 2024 · 4 comments
Open

[BUG]: Can not apply multiple rich style when typing #202

nhuthuynh195 opened this issue Sep 20, 2024 · 4 comments

Comments

@nhuthuynh195
Copy link

nhuthuynh195 commented Sep 20, 2024

Describe the bug
I had try implement with library, but I face some issue when edit content, the issue is when typing I can not apply multiple rich style like video: https://drive.google.com/file/d/1vn6QQvlK2E-Tux0EVCH0OPzXYrLv5Rq5/view?usp=sharing, I use example code from lib and I use Vietnamese language for keyboard

@nhuthuynh195
Copy link
Author

nhuthuynh195 commented Sep 20, 2024

I found root cause of this issue is when turn on Auto-correction
Simulator Screenshot - iPhone 14 - 2024-09-20 at 15 12 03

@nhuthuynh195
Copy link
Author

any update for this ??

@17Amir17
Copy link
Collaborator

Hey @nhuthuynh195,
Could you share your code?

@nhutph
Copy link

nhutph commented Sep 26, 2024

@17Amir17 I just use sample code like:
`import type { NativeStackScreenProps } from '@react-navigation/native-stack';
import React from 'react';
import {
SafeAreaView,
KeyboardAvoidingView,
Platform,
StyleSheet,
} from 'react-native';
import { RichText, Toolbar, useEditorBridge } from '@10play/tentap-editor';

export const Basic = ({}: NativeStackScreenProps<any, any, any>) => {
const editor = useEditorBridge({
autofocus: true,
avoidIosKeyboard: true,
initialContent,
});

return (


<KeyboardAvoidingView
behavior={Platform.OS === 'ios' ? 'padding' : 'height'}
style={exampleStyles.keyboardAvoidingView}
>



);
};

const exampleStyles = StyleSheet.create({
fullScreen: {
flex: 1,
},
keyboardAvoidingView: {
position: 'absolute',
width: '100%',
bottom: 0,
},
});

const initialContent = `

This is a basic example!

``

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants