Broken layout in firefox

Hi !

I've used the Widget by property : file:content as an Image widget to display a preview in my custom summary layout. It work fine in Chrome but when displaying in firefox, the image is bigger than the space of the widget and is showing 'under' the others widget next to it. (see the screenshots below)

Chrome : alt text

Firefox : alt text

I really don't know what is happening here… Does anyone can help to avoid it ?

I'm testing in Firefox 25.0.1 Here is what I can see in the console : (maybe an issue with the 'box-sizing' property … ? )

[14:38:39,880] Propriété « zoom » inconnue.  Déclaration abandonnée. @ http://localhost:8080/nuxeo/a4j/s/3_3_1.GA/org/richfaces/skin.xcss/DATB/eAGb06ZVHbp8hjQAEIkDdw__.xhtml:1
[14:38:39,881] Propriété « box-sizing » inconnue.  Déclaration abandonnée. @ http://localhost:8080/nuxeo/a4j/s/3_3_1.GA/org/richfaces/skin.xcss/DATB/eAGb06ZVHbp8hjQAEIkDdw__.xhtml:1
[14:38:39,881] Propriété « -moz-outline » inconnue.  Déclaration abandonnée. @ http://localhost:8080/nuxeo/a4j/s/3_3_1.GA/org/richfaces/skin.xcss/DATB/eAGb06ZVHbp8hjQAEIkDdw__.xhtml:1
[14:38:39,881] Erreur d'analyse de la valeur pour « cursor ».  Déclaration abandonnée. @ http://localhost:8080/nuxeo/a4j/s/3_3_1.GA/org/richfaces/skin.xcss/DATB/eAGb06ZVHbp8hjQAEIkDdw__.xhtml:1
[14:38:39,882] Erreur d'analyse de la valeur pour « height ».  Déclaration abandonnée. @ http://localhost:8080/nuxeo/a4j/s/3_3_1.GA/org/richfaces/skin.xcss/DATB/eAGb06ZVHbp8hjQAEIkDdw__.xhtml:1
[14:38:39,882] Propriété « text-color » inconnue.  Déclaration abandonnée. @ http://localhost:8080/nuxeo/a4j/s/3_3_1.GA/org/richfaces/skin.xcss/DATB/eAGb06ZVHbp8hjQAEIkDdw__.xhtml:1
[14:38:39,882] Erreur d'analyse de la valeur pour « padding-top ».  Déclaration abandonnée. @ http://localhost:8080/nuxeo/a4j/s/3_3_1.GA/org/richfaces/skin.xcss/DATB/eAGb06ZVHbp8hjQAEIkDdw__.xhtml:1
[14:38:39,882] Erreur d'analyse de la valeur pour « padding-bottom ».  Déclaration abandonnée. @ http://localhost:8080/nuxeo/a4j/s/3_3_1.GA/org/richfaces/skin.xcss/DATB/eAGb06ZVHbp8hjQAEIkDdw__.xhtml:1
[14:38:39,882] Pseudo-classe ou pseudo-élément « -webkit-rich-fileupload-button » inconnu.  Jeu de règles ignoré suite à un mauvais sélecteur. @ http://localhost:8080/nuxeo/a4j/s/3_3_1.GA/org/richfaces/skin.xcss/DATB/eAGb06ZVHbp8hjQAEIkDdw__.xhtml:1
[14:38:39,882] « none » ou URL attendu, mais « alpha( » trouvé.  Erreur d'analyse de la valeur pour « FILTER ».  Déclaration abandonnée. @ http://localhost:8080/nuxeo/a4j/s/3_3_1.GA/org/richfaces/skin.xcss/DATB/eAGb06ZVHbp8hjQAEIkDdw__.xhtml:1
[14:38:39,882] Propriété « moz-opacity » inconnue.  Déclaration abandonnée. @ http://localhost:8080/nuxeo/a4j/s/3_3_1.GA/org/richfaces/skin.xcss/DATB/eAGb06ZVHbp8hjQAEIkDdw__.xhtml:1
[14:38:39,882] « : » attendus, mais « . » trouvé.  Déclaration abandonnée. @ http://localhost:8080/nuxeo/a4j/s/3_3_1.GA/org/richfaces/skin.xcss/DATB/eAGb06ZVHbp8hjQAEIkDdw__.xhtml:1
[14:38:40,285] Erreur d'analyse de la valeur pour « border-width ».  Déclaration abandonnée. @ http://localhost:8080/nuxeo/nxpath/default/default-domain/UserWorkspaces/Administrator/folder%202/defaut_doc-admin.png@view_documents?tabIds=%3A&conversationId=0NXMAIN
[14:38:40,285] « none » ou URL attendu, mais « alpha( » trouvé.  Erreur d'analyse de la valeur pour « filter ».  Déclaration abandonnée. @ http://localhost:8080/nuxeo/nxpath/default/default-domain/UserWorkspaces/Administrator/folder%202/defaut_doc-admin.png@view_documents?tabIds=%3A&conversationId=0NXMAIN
[14:38:40,344] L'utilisation de l'attribut « nodeValue » d'un attribut est obsolète. Utiliser « value » à la place. @ http://localhost:8080/nuxeo/a4j/g/3_3_1.GA/org/ajax4jsf/framework.pack.js.xhtml:7099
[14:38:40,475] Propriété « box-sizing » inconnue.  Déclaration abandonnée. @ http://localhost:8080/nuxeo/nxpath/default/default-domain/UserWorkspaces/Administrator/folder%202/defaut_doc-admin.png@view_documents?tabIds=%3A&conversationId=0NXMAIN
0 votes

1 answers

2144 views

ANSWER

Hi Guian,

The issue concerns the picture container width that should be responsive and so reduced when the grid (blocks container + block metadata) is not very wide. I understand the issue but i'm not able to know if the problem is coming from your layout or if it's a real bug to fix in our side without testing it.

Do you have an URL where i can see and inspect the issue ? You can add it here: http://demo.nuxeo.com/nuxeo/nxdoc/default/1f3b31d3-993f-41d3-8917-1131626a3a9d/view_documents and i'll remove the doc after accessing your demo.

Thanks

12/05/2013

Unfortunatly I can manage the access rights on my online instance of nuxeo so you won't be able to access it :/
12/05/2013

But its really easy to reproduce : create a tab for Pictures, use a row with 3 collumn, add a file:Content Widget in Image mode in the left column and some other widget / layout next to it. (mine is a layout in the second column) then open this tab on a valid picture and resize the window to see the image widget not being resized in firefox. Have added the console output in case it can help…
12/05/2013

Hi Guian. Thanks for the details, i'll reproduce it today and let you know.
12/09/2013



Hi Guian,

After testing your case i created a ticket about it: https://jira.nuxeo.com/browse/NXS-1914. It's a bug since you don't have any way in Studio to control the size of the container: for now the size values are applied to the picture itself, not to its container.

The responsiveness of the table on Firefox will be reviewed for listing views for the next release.

Thanks for the details.

0 votes