OiO.lk Community platform!

Oio.lk is an excellent forum for developers, providing a wide range of resources, discussions, and support for those in the developer community. Join oio.lk today to connect with like-minded professionals, share insights, and stay updated on the latest trends and technologies in the development field.
  You need to log in or register to access the solved answers to this problem.
  • You have reached the maximum number of guest views allowed
  • Please register below to remove this limitation

Tabs are breaking in Ext JS 6 when zoom out page

  • Thread starter Thread starter Massimo
  • Start date Start date
M

Massimo

Guest
I'm using TabPanel with tab left position. When zoom out page scale to 90% left tabs are become broken. It's seen in Google Chrome 54.0.2840.59 m (64-bit), in Firefox latest version seem to be ok. Can you help me?

Screenshots: 100% page scale: http://prnt.sc/cwl6q0

After scaling to 90%: http://prnt.sc/cwld7e or http://prnt.sc/cwl6k9

Example: https://fiddle.sencha.com/#fiddle/1it1

It's also seen in Kitchensink http://examples.sencha.com/extjs/6.0.2/examples/kitchensink/#advanced-tabs

<p>I'm using TabPanel with tab left position. When zoom out page scale to 90% left tabs are become broken. It's seen in Google Chrome 54.0.2840.59 m (64-bit), in Firefox latest version seem to be ok. Can you help me?</p>

<p>Screenshots:
100% page scale: <a href="http://prnt.sc/cwl6q0" rel="nofollow">http://prnt.sc/cwl6q0</a></p>

<p>After scaling to 90%: <a href="http://prnt.sc/cwld7e" rel="nofollow">http://prnt.sc/cwld7e</a> or <a href="http://prnt.sc/cwl6k9" rel="nofollow">http://prnt.sc/cwl6k9</a></p>

<p>Example: <a href="https://fiddle.sencha.com/#fiddle/1it1" rel="nofollow">https://fiddle.sencha.com/#fiddle/1it1</a></p>

<p>It's also seen in Kitchensink
<a href="http://examples.sencha.com/extjs/6.0.2/examples/kitchensink/#advanced-tabs" rel="nofollow">http://examples.sencha.com/extjs/6.0.2/examples/kitchensink/#advanced-tabs</a></p>
 

Latest posts

Top