Text Field trailing visual text is always truncated

[myabc]

To reproduce:

1. Create a form with a text field and text trailing visual:

      form do |f|
        f.text_field(
          name: :days_displayed,
          label: "Days displayed on project activity"
          type: :number,
          trailing_visual: {
            text: { text: "minutes" }
          },
        )

Actual behavior

The trailing visual text is always truncated.

Expected behavior

• The trailing visual text should not be truncated by default.
• Truncation could be provided as an option.

Note

The behavior of PVC differs from Primer React implementation.

      <FormControl>
        <FormControl.Label>Enter monies</FormControl.Label>
        <TextInput trailingVisual="minutes" placeholder="200" />
      </FormControl>

(example taken from Primer React Storybook)

OpenProject ticket (for internal tracking)

https://community.openproject.org/wp/69504