Twenty Twenty-Two: Comment text box is touching the screen border for mobile devices

[himshekhar07]

The comment textarea box is touching the screen border so the design does not look proper for different mobile devices like iPhone 12 pro, iPhone XR etc.

Screenshot: ​https://share.cleanshot.com/jFVNrx7tRZ2dNzvcjyfr

[himshekhar07]

issue

[himshekhar07]

Patch added

[ugyensupport]

@himshekhar07 I could still see the same result adding your patch.

[himshekhar07]

Patch

[himshekhar07]

After applying patch

[himshekhar07]

@ugyensupport I have updated the patch please try this and I also added an image after applying the patch.

[ugyensupport]

great thanks @himshekhar07

[ugyensupport]

Twenty Twenty-Two: Comment text box is touching the screen border for mobile devices

Description

The comment textarea box is touching the screen border so the design does not look proper for different mobile devices like iPhone 12 pro, iPhone XR etc.

Environment

• WordPress: 6.2.2
• PHP: 8.0.0
• Server: Apache/2.4.10 (Debian)
• Database: mysqli (Server: 5.5.59-MariaDB-1~wheezy / Client: 5.5.62)
• Browser: Chrome 114.0.0.0 (macOS)
• Theme: Twenty Twenty-Two 1.4
• MU-Plugins: None activated
• Plugins:
  • WordPress Beta Tester 3.4.1

Steps to Reproduce

1. The comment textarea box is touching the screen border so the design does not look proper for mobile devices like iPhone 12 pro, iPhone XR etc.
2. 🐞 Bug occurs.

Expected Results

1. ✅ It should be responsive

Actual Results

1. ✅ After @himshekhar07's Patch It works smoothly with iPhone XR, Samsung Galaxy S20 Ultra users and supports those mobile users to those who have the same screen display.

iPhone XR. : ​https://ibb.co/5McLYzD
Galaxy S20 Ultra: ​https://ibb.co/0cJf6ry

2. ❌ It still doesn't support iPhone SE, iPhone 12 Pro, Google Pixel 5, Samsung Galaxy S8+ Users.

iPhone 12 Pro: ​https://ibb.co/s9zgFBc