CODEWITHSUNDEEP
javascripthtmlcssextjs
FlorianQo
FlorianQo

Reputation: 103

Ext JS Layout Error

i have some problems with my Layout. I have serveral Ext.form.Panel with further items, for example textfields. When the item (xtype) is empty, no error occurred. But when i fill the item with text, the content of it displace itself.

Example:

(This is, when i write a text without leaving the field)

enter image description here

(This is, when i leaving the field, for example to step into another field)

enter image description here

The error also occurred for example in a combobox

The next problem is, that the bottom border of the fields cut off, for example:

enter image description here

Here is the complete form (The error occurred in every form)

enter image description here

Info: The forms are built with the sencha Architect

Thanks

Upvotes: 0

Views: 59

Answers (2)

Guilherme Lopes
Guilherme Lopes

Reputation: 4760

The forum post suggests that you set the form text class with display: block; I would rather set display: inherit; to avoid further issues.

Just add this css to your project: 

.x-form-text {
    display: inherit;
}

Upvotes: 1

Tyr
Tyr

Reputation: 2810

This is a known bug in chrome currently. Take a look here for the workaround:

https://www.sencha.com/forum/showthread.php?301227-Visual-combobox-bug-in-Chrome-43.0.2357.65-m&p=1101244&viewfull=1#post1101244

Upvotes: 0

Related Questions