Home > Browser, JavaScript > ExtJS 4 i FireFox 7

ExtJS 4 i FireFox 7

januar 8th, 2012 Leave a comment Go to comments

Prošlo je već neko vreme od kako je Firefox verzija 7 ugledala svetlost dana. Ono što je interesantno je da od ove verzije je ubačena podrška u okviru CSS-a za  text-overflow.

Projekte koje sam realizovao u ExtJS 4 i koji su u okviru sebe koristili grid objekat sa kolonama u kojima se prikazuju samo ikonice (kao što sam već govorio u okviru Ikonica u zaglavlju Grid objekta) su odjednom dobile tri tackice (…).  Iz nekog razloga sadržaj ćelije nije mogao biti prikazan i umesto trenutnih 25px širine potrebno definisati 29px (iako su ikonice 16x16px).

Posle malo istraživanja sam otkrio da je u pitanju podrška za text-overflow i da je u ExtJS 4 automatski postavljena vrednost ellipsis koja kreira ovakav efekat. Do verzije 7 Firefox nije obrađivao ovu vrednost atributa pa se greška nije videla- Kako bi je otklonili potrebno je da proširite kolonu na 29px, ili da napravite promenu u CSS-u tako što ćete predefinisati stil za ćeliju grida na sledeći način:

.x-grid-cell-inner { text-overflow:clip; }

Na ovaj način isključujete prikazivanje … ukoliko se sadržaj ne može prikazati.

Categories: Browser, JavaScript Tags: ,
  1. No comments yet.
  1. No trackbacks yet.