Pasting from mobile gets cut off if Control element present

[yannickrocks]

Following on from this issue #5269

If you have a control element like and icon and want to be able to paste from mobile, it seems the input starts behind it. This is because display: inline-flex is affecting the grid

Is there a way to fix this?

[yannickrocks]

So i did the fix myself. adding this ( i am using scss)

  // Apply min-width only on mobile for paste detection
  // This prevents cursor positioning issues on desktop
  @media (max-width: 768px) {
    min-width: 150px; // Ensure input has dimensions for mobile paste detection

    input {
      /* Ensure input fills container for paste detection */
      min-width: inherit !important;
    }
  }

and then adding that class to the classnamestyles prop

input: () => cx(styles.input),