Web: Components: Fix cursor position in input in RTL mode

packages/components/text-input/common-input-styles.js

@@ -55,6 +55,7 @@ const commonInputStyle = css`
     props.theme.interfaceDirection === "rtl" &&
     css`
       // If current interface direction is rtl, set cursor in the right side of the input
+      // Will work only if placeholder exists (placeholder=" " by default required)
       :placeholder-shown {
         direction: rtl;
       }

packages/components/text-input/text-input.js

@@ -72,6 +72,8 @@ TextInput.propTypes = {
 
 TextInput.defaultProps = {
   type: "text",
+  // Empty placeholder by default needed for RTL mode to make :placeholder-shown work to put cursor on the right side of input
+  placeholder: " ",
   value: "",
   maxLength: 255,
   size: "base",