flowforfrank / webtips

https://webtips.dev
1 stars 0 forks source link

how-to-make-a-real-time-chat-app-with-socket-io #3

Open utterances-bot opened 2 years ago

utterances-bot commented 2 years ago

How to Make a Real-Time Chat App With Socket.io - Weekly Webtips

Get your weekly dose of webtips

http://localhost:1234/how-to-make-a-real-time-chat-app-with-socket-io

flowforfrank commented 2 years ago

Tyson Lane • 6 months ago I have a question, I followed your steps but my chat feedback is only on the left side of the screen. How do I fix that and how do I stop the text from going underneath the input box?

flowforfrank commented 2 years ago

Tyson Lane • 6 months ago I have a question, I followed your steps but my chat feedback is only on the left side of the screen. How do I fix that and how do I stop the text from going underneath the input box?

Hey Tyson! Thank you for reaching out. You may want to clone the GitHub repository for the full working code. Could it be that there is a mistype in your project?

For the text going under the input box, you may want to either limit the height of the .feed and make overflow scrollable, or you want to position the text input so it takes up the full width of the screen and adds background and padding to make text invisible behind it.

If the issue persists, feel free to get in touch through the contact form in the footer with some images about the problem.

Take care, Ferenc