MetricInput and TextArea Components are not working properly in Firefox

[souvik1000]

Description

1. The MetricInput component is not working properly. On Chrome, It's working fine, But for Firefox it's not working properly. Which you can see on the DS storybook itself.
   Inside Firefox, it's coming with two selector when I'm providing a suffix and due to that min-max functionality is not working properly. [Link to check in Firefox]

2. Inside Firefox, I am not able to resize using the textarea-resizing button of the TextArea component. [Link to check in Firefox]

Steps to reproduce

1. MetricInput:
   When I'm using the MetricInput component with the suffix inside Firefox, two handlers are coming on and before the provided suffix. If I'm providing min or max value on it, then also it's not working on it.

2. TextArea:
   When I'm using the Textarea component inside Firefox, it's not providing the resize-textarea section to us.

Expected result

1. MetricInput:
   

2. Textarea:
   

Actual result

1. MetricInput:
   

2. Textarea:
   

[youngheart12]

Here is separate PR for input metric : #2037

[youngheart12]

PR 2 for Textarea : #2038

@anuradha9712