Form multi-line text field changes size on focus

• Type: Bug
• Status: Closed
• Resolution: Fixed
• Affects Version/s: Master
• Fix Version/s: 7.1.X, Master
• Component/s: Forms
• Labels:
  • QA-AUTOMATION
  • backend_test
  • fw_test_js
  • fw_test_manual
• Fix Priority: 3
• Sprint: F&W #28 - Oct 24 - Nov 04
• Git Pull Request: https://github.com/brianchandotcom/liferay-portal/pull/44476

Reproduced on:
Tomcat 8.0.32 + MySQL 5.6.29. Portal master GIT ID: dddc8f0947e6be79b825138bd018f6854d2c5f1d.

Steps to Reproduce:

1. Go to Content > Forms
2. Add new form
3. Add new field > Text Field
4. Input label
5. Choose "Multiple Lines"
6. Go to Show More Options
7. Add Placeholder text
8. Save field
9. Save form
10. Edit form
11. Publish form
12. Go to published page
13. Click on text field to focus

Expected Result:
Visual size of the field remains the same before and after focus.

Actual Result:
Visual size of the field is smaller after first focus.

This is easier to notice when placeholder text is added.