Hard to Focus on Text Area to enter User About description

[nithingodugu24]

Is your proposal related to a problem?

It is very hard to focus on the text area to enter the description in About section. And also the formatting options are just above the text area. So we i can't able to find the focus of text area.

Describe the solution you'd like

Try to increase the text area height so that we can easily focus to text area. And also shift the formatting options to right of text area .

[github-actions[bot]]

Thank you for opening your first issue, one of our team members will review it as soon as it possible. ❤️🎉

[MeenuyD]

Hello @nithingodugu24 On which page

[shivamhwp]

i think @nithingodugu24 is talking about the profile page

[nithingodugu24]

@MeenuyD @shivamhwp Yes, I am encountering this issue on the signup page as well as the profile edit page.

[PeerRich]

can you provide screenshots?

[thepradipvc]

Hey, I looked at the issue. It seems that the component is working fine. when we add more text to the input it's height increases automatically. However, if we manually change the height of input using the controller on right bottom it doesn't change it's height according to text afterwards.

This is happening because the input has resize option set to verticle. It can be solved by removing this CSS property. I am submitting the PR by removing this. If this CSS property was intentional then please ignore this PR.

Also, please inform if the issue was not the one I am explaining @nithingodugu24

[B2-krunalrana]

attempt

[AbdulBasit2733]

@nithingodugu24 Hello Sir May i work at this issue.

[Nasirahamad88]

great

[Nasirahamad88]

use custom CSS to modify the appearance and layout of the text area in the About section

[wajidjamali]

good

[cholaraju]

nice

[mkos11]

Proposed Solution:

1. Increase Text Area Height:

   • Extend the height of the text area in the "About" section to make it more prominent and easier to focus on. This adjustment provides users with a larger space for entering and reviewing text.

2. Reposition Formatting Options:

   • Shift the formatting options toolbar to the right side of the text area. By relocating these options adjacent to the text input, users can more intuitively access formatting features while maintaining focus on the text.

Implementation Considerations:

1. Responsive Design:

   • Ensure that the proposed changes maintain responsiveness, allowing for an optimal user experience across various devices and screen sizes.

2. User Feedback:

   • Gather user feedback during and after the implementation to assess the effectiveness of the changes and make further adjustments if necessary.

3. Accessibility:

   • Verify that the modified layout remains accessible to users with different abilities and does not hinder usability for individuals using assistive technologies.

4. Testing:

   • Conduct thorough testing across browsers and devices to identify and address any potential issues that may arise from the adjustments.

By implementing these changes, the goal is to enhance the user experience, making it more convenient for users to focus on and interact with the text area while seamlessly accessing formatting options.

[AS-Danish]

The issue if fixed I think it doesn't seem as a problem

[karthikkatu]

Is the issue completed? If yes please close completed issues

[Durgeshityar]

is this issue completed if yes than why it is still open ?