Pregunta

Estoy utilizando los Mootools Más función "getComputedSize" en un elemento DIV creado de forma dinámica. Funciona bien en Firefox pero no en Google Chrome:

CSS:

.resultBox {
    width: 150px;
    height: 100px;
    position: absolute;
    z-index: 1000;
}

Javascript:

this.resultBox = new Element('div', {
    'class': 'resultBox'
});

console.log(this.resultBox.getComputedSize().width); 

El resultado es "150" en FF pero en Chrome el resultado es "NaN".

¿alguien sabe cómo solucionar este problema en Chrome sin tener que codificar el DIV en el HTML?

Gracias de antemano

Alex

Fijo:

this.resultBox = new Element('div', {
    'class': 'resultBox'
});

this.resultBox.inject(this.container, 'top');

console.log(this.resultBox.getComputedSize().width); 

Inyectar el elemento antes de intentar utilizar este método.

¿Fue útil?

Solución

Fijo:

this.resultBox = new Element('div', {
    'class': 'resultBox'
});

this.resultBox.inject(this.container, 'top');

console.log(this.resultBox.getComputedSize().width); 

Inyectar el elemento antes de intentar utilizar este método.

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top