Ho riscontrato un problema nell'app a cui sto lavorando, da quando ho aggiornato EmberJS da 1.6.1 a 1.8.1. Succede solo in Chrome. Il problema è che in qualche modo i miei modelli vengono renderizzati con un sacco di spazi aggiuntivi che circondano ogni nodo html. Quindi, per dire ... invece di:Ember JS 1.8.1 + Chrome - Altri spazi bianchi
<div>
[tab]<span>Hello</span>
</div>
ottengo qualcosa di simile resa:
<div>[ ][ ][ ][ ][ ][ ][ ][ ][ ]
[ ][ ][ ][ ]<span>Hello</span>[ ][ ][ ][ ]
</div>[ ][ ][ ][ ]
O forse lo vedrai qui:
che rompe ovviamente styling un sacco. La cosa divertente è che quando rimuovo almeno uno spazio da tale strano costrutto, allora magicamente lo stile per la sezione data è tornato (anche se altri spazi sono ancora lì).
Solo per citare. Sto usando template-grunt di ember-0.4.21 per compilare. So che ci sono nuove versioni (0.4.23 penso ...) e ho provato ad aggiornarlo, ma non aiuta.
So che c'era una menzione qui: http://emberjs.com/blog/2014/11/04/ember-1-8-1-released.html sul problema degli spazi bianchi in Chrome, ma si dice che le persone ottengono l'effetto opposto degli spazi mancanti a causa di qualche bug in Chrome. ;> La mia istanza di Chrome utilizza e raccoglie tutti gli spazi bianchi di altre persone o cosa? :-)
Chiunque ha riscontrato problemi simili (come il mio, non come quello menzionato nelle note di rilascio di Ember)? Qualcuno sa come sbarazzarsi di questo?
Update 1:
ho provato ad aggiornare a:
- Ember 1,9
- Manubrio 2.0
- Grunt-tempora-Templates 0.5 alpha
che corregge pochi casi di problemi di spazio bianco, ma alcuni sono ancora presenti. Cioè Che si traduce in uno spazio davanti al testo reso:
<span class="someClass">
{{#if condition}}{{someProperty}}{{else}}{{t 'translationKey'}}{{/if}}
</span>
E questo non lo fa:
<span class="someClass">{{#if condition}}{{someProperty}}{{else}}{{t 'translationKey'}}{{/if}}</span>
: - |
Il tuo editor converte le schede in 4 spazi? –
Controlla la mia risposta qui sotto :) – Imp