Fix setting border radius on web in singleline mode

[Skalakid]

Details

This PR fixes adding border radius style to the markdowns in the single line input mode.

Related Issues

GH_LINK

Manual Tests

1. Add, for example

      mentionUser: {
        borderRadius: 5,
      },

to the markdownStyles
2. Change the MarkdownTextInput component to the single line mode by deactivating the multiline flag
3. Verify if the border radius style was applied

Linked PRs

[BartoszGrajdek]

LGTM!

[BartoszGrajdek]

Just to confirm - if we're not supporting border radius on native yet there's no need to add it here right? @tomekzaw

[tomekzaw]

We don't need to add it to native right now, we can do that later.

[BartoszGrajdek]

I'm not entirely sure how we should handle these types. It can mislead developers into thinking that we support borderRadius on native devices. Maybe we should make a separate type for MarkdownStyle on web that will be a union of this interface and a new type solely for the web?

[Kicu]

I had similar thoughts about the difference between which styles are supported on web vs mobile.
What complicates things more is that for web we just reassign all the styles from style argument, so in runtime (from JS perspective) you can apply anything and it will work most of the time, even though Types prevent.

For us in E/App in Search we could apply both borderRadius and padding to mention-user and it looked fine, but TS was throwing an error since types did not support this.
However I don't have any concrete ideas to improve this ATM.

[BartoszGrajdek]

In the past, we discussed changing web styles so that only the ones we support would be accepted. This shouldn't be too hard to implement; I'm just not sure if that's exactly what we're aiming for.

[tomekzaw]

I don't think that having borderRadius in markdown style also on native is a problem. We can just leave it as a no-op for now.

[BartoszGrajdek]

LGTM!