Parentheses working wrong when using Angular pipe on Safari

user_6210486 0
Viewed 124

In my angular project I'm using "@ngx-translate/core": "^11.0.1" for translation from english into Persian.

<label class="code">
  ({{'User.' + currency | translate}})
 </label>

when using parentheses wrapping translation pipe for Persian language parentheses are appearing in wrong way in Safari (IOS) enter image description here

but in chrome it is working as expected enter image description here

How can I make it work right?

ngx-translate angular javascript
1 Answers

Wrap it in span tag and add a style with display: inline-block.

<label class="code">
  <span style="display: inline-block">({{'User.' + currency | translate}})</span>
</label>

It should solve your problem.

user_129261880
Related