Hi, I’m trying to render an Ember component inline. Right before, there is a “(” character and right after there is “)”. What I do in Handlebars: <html>({{my-ember-component}})</html>
. However, this results in the following render result in the browser. “( my component text )”. You can see, there are whitespaces rendered before and after the component. How can I avoid this?
Check out this Twiddle Ember Twiddle
Use the ~ tilde character
Didn’t know that! Sounds promising, however, it doesn’t help I still get the whitespaces. Sometimes they are gone, but only until I change something in the file. Maybe the ember compiler does weird things in this case
Found the bug. It was a css flag “display: inline” (which does not sound too bad to me btw) on the component which introduced the whitespaces. Changing it to “inline-block” fixed the problem.