search

innovaccer / design-system

Masala Design System (MDS) is an open-source design system built at Innovaccer. Figma file : https://www.figma.com/community/file/974368355920553546/masala-design-system-web-guidelines
https://mds.innovaccer.com
MIT License
84 stars 79 forks source link

MetricInput and TextArea Components are not working properly in Firefox #1404

Closed souvik1000 closed 1 month ago

souvik1000 commented 2 years ago

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: expected-metricInput

  2. Textarea: expected-textarea

Actual result

  1. MetricInput: result-metricInput

  2. Textarea: result-textarea

youngheart12 commented 10 months ago

Here is separate PR for input metric : https://github.com/innovaccer/design-system/pull/2037

youngheart12 commented 10 months ago

PR 2 for Textarea : https://github.com/innovaccer/design-system/pull/2038

@anuradha9712