Placeholder string is not centered horizontally in Input search/combobox in Safari/FF

[MonikaKanduri4525]

Actual Behavior

The placeholder string is not aligned correctly in Input search box/combobox in Safari and Firefox Please refer to screenshots, pic 1(safari) it's not centered and pic 2(chrome) looks fine

Expected Behavior

The placeholder string should be centered horizontally in Input search box/ combobox in safari and firefox

Reproduction Sample

https://jsbin.com/gosabugeti/1/edit?html,output

Reproduction Steps

1. Login https://qaext.arcgis.com with a valid account and set profile language to AR.
2. Click App launcher and choose Vector Tile Style Editor app.
3. Observe the Search box/Combo box in VTSE home page.

Reproduction Version

1.0.0-beta.74

Relevant Info

No response

Regression?

No response

Impact

No response

Esri team

ArcGIS Online

[anveshmekala]

@MonikaKanduri4525 the placeholder text placement is affected by the ArcGIS JSAPI stylesheet. Tried removing the JSAPI css reference here and you can see that placeholder is centered in safari. We also submitted the issue https://devtopia.esri.com/WebGIS/arcgis-js-api/issues/50478 in ArcGIS JSAPI repo. Let us know if you have any other questions.

[geospatialem]

Moved to our Stalled milestone to determine next steps.

[anveshmekala]

Closing this issue since it is related to ArcGIS JSAPI.

[bsvensson]

FYI - this has been fixed for version 4.27 (June 2023) of ArcGIS Maps SDK for JavaScript.