Put a word-wrap property for the => | errorMessage & isUserInputBlank | text which appear when either of both States are true.

[PriyansuMaurya]

Description

When we put wrong slang or slang that is not present or the search bar is empty, we get a msg telling us the real problem like
this

1. When slag is not present

- This entry does not exist in our records as of yet :(

  1. You can help us add this by creating a [github issue](https://github.com/Njong392/Abbreve)

  2. Or, you could fill out this [feedback form](https://t.co/mp86BLYBhq) and we will address the issue

2. When SearchBar is Empty

- Search bar 🔍 is Empty!. Please put abbreviation in search bar    

But when either of these messages appears, the content on its left gets displaced slightly to the left. it will more clear from the SS I have added below.

Screenshots

Additional information

No response

[adropofilm]

Sounds great, @PriyansuMaurya do you want me to assign this to you?

[PriyansuMaurya]

No, I didn't put it to get this assigned to me, bcoz I don't know much about tailwind. it's for the general public, if it doesn't get solved this month, then definitely I will learn tailwind and try to solve it in the next month.

[Njong392]

No, I didn't put it to get this assigned to me, bcoz I don't know much about tailwind. it's for the general public, if it doesn't get solved this month, then definitely I will learn tailwind and try to solve it in the next month.

Thank you for raising this Priyansu! If no one takes this on, I'll try to go over it and see what I can do 💙

[adropofilm]

I can try to tackle this if that's cool with you @Njong392 ?

[Njong392]

@adropofilm are you still on this?

[adropofilm]

Hi friends, passing this on to anyone who wants to take it up. Been assigned to me for a while, sorry!

[Njong392]

I think it's safe to close this. Since we moved the search bar to the top, we don't have much of this problem anymore. What do you think @adropofilm

[PriyansuMaurya]

The bug has not been fixed till now although the search bar has been moved to the top. You can see this in the video 👇

[Njong392]

Ooof... I somehow missed this issue. Thanks for the video @PriyansuMaurya I'll set out to fix some stuff this weekend.

[TropicolX]

Hi. Can I be assigned to this issue? I have experience with tailwind CSS.

[Njong392]

Hi there! Yes, sure. I'll assign you.

[TropicolX]

@Njong392 I've made a PR for the issue

[Njong392]

I saw. Thank you. I think replied to the pull request and suggested some changes.

[newdydx]

@Njong392 I checked and this issue has not been resolved.....Can i be given the permission to work on this so we could close this issue.

[Njong392]

@newdydx i think the issue that the site has now is that the text near the search bar doesn't align with the content below it. It's shifted inward. And then continuously shifts outward as described by this issue.

Should I assign you still?

[newdydx]

@Njong392 of course you can assign me...After going through the site I discovered the second issue had been resolved and the only issue left is the issue of the word wrap and I would love to work on the issue.....thanks

[Njong392]

Assigning you. Thank you for taking it on.

[Njong392]

Oh wait. This issue is assigned to @TropicolX Would you still be interested in working on this?

[newdydx]

@Njong392 still waiting to be assigned

[Njong392]

If by the weekend, the originally assigned person doesn't respond, I'll assign you then. All good?

[newdydx]

@Njong392 no problem

[Njong392]

@newdydx assigning you to this now.

[newdydx]

@Njong392 I made the pull request

[devodii]

Has it been resolved?

[Njong392]

Has it been resolved?

Ah yes. This was fixed. However, the content on the page does not quite align and does not really look okay. Some sections are closer to the edges than others. Would you like to be assigned @devodii ?

[devodii]

Yes...
Also, I've added a fancy scrollbar that matches the color. Supposed to be merged but you haven't.
May I know why?

[Njong392]

@devodii I already reviewed your pull request. Please check the comments I made.

[devodii]

The caret in the search field seems to be hiding when it's focused but shows after the field is not null.
Should i work on this?

scrnli_4_25_2023_1-44-59.PM.mp4

[Njong392]

This looks like an issue totally different from this one.It should be created separately. And I assigned you to this issue already btw

[devodii]

Oh...
The one you assigned to me, i don't understand it.
I guess it's the fact that the notFound message moves to the left when it has no record for the value inputed.
Correct?

[PriyansuMaurya]

This is what we want, don't we? @Njong392

Before

After Filling and Clicking SUBSCRIBE button

Here nothing moves (stays as it was except message appears)

Here is the code for the same

For more clarity visit https://priyansu.vercel.app/
And Repo https://github.com/PriyansuMaurya/portfolio

[Njong392]

Ah, it took me a minute to see what u meant. But yeah. That is the expected reaction