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

Solved: Query Bar Overflow with Long Text Input #1025

Open
wants to merge 2 commits into
base: main
Choose a base branch
from

Conversation

sarthaklaptop
Copy link

  • What kind of change does this PR introduce? (Bug fix, feature, docs update, ...)

  • Query-bar-overflow-issue solved

  • Before
    before

  • After
    after

  • Why was this change needed? (You can also link to an open issue here)
    While typing long sentences the last typed word OR while pasting the text the last sentences were not visible.

  • Other information:

Copy link

vercel bot commented Jul 2, 2024

@sarthaklaptop is attempting to deploy a commit to the Arc53 Team on Vercel.

A member of the Team first needs to authorize it.

Copy link

vercel bot commented Jul 3, 2024

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
docs-gpt ✅ Ready (Inspect) Visit Preview 💬 Add feedback Jul 15, 2024 1:58pm

@@ -33,6 +33,22 @@ export default function Conversation() {
const [lastQueryReturnedErr, setLastQueryReturnedErr] = useState(false);
const { t } = useTranslation();

const [inputValue, setInputValue] = useState('');

const handleInput = (e: any) => {
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Please try to avoid type any as much as possible

id="inputbox"
ref={inputRef}
tabIndex={1}
placeholder="Type your question here"
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Needs to be placeholder={t('inputPlaceholder')} for translation

@@ -33,6 +33,22 @@ export default function Conversation() {
const [lastQueryReturnedErr, setLastQueryReturnedErr] = useState(false);
const { t } = useTranslation();

const [inputValue, setInputValue] = useState('');
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Is this state needed if it's not being used?

@sarthaklaptop
Copy link
Author

Hello @siiddhantt made all the changes you mentioned please review !!!

@siiddhantt
Copy link
Collaborator

hi @sarthaklaptop you don't need to make changes to the lint rules
just do --no-verify for now while you make the commit. And please resolve the conflicts there are currently

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

Successfully merging this pull request may close these issues.

🐛 Bug Report: Query Bar Overflow with Long Text Input
2 participants