search

Jonnyauk / Wonderflux

A free, professional Open Source theme framework for WordPress & BuddyPress. Download the latest stable release by clicking on the 'releases' tab. API documentation at http://wonderflux.com/guide or drop by the main site at
http://wonderflux.com
159 stars 46 forks source link

Demo site rendering issue with FireFox and Firefox Developer #45

Closed rbfii closed 8 years ago

rbfii commented 9 years ago

The Demo site http://wonderflux.com/demo-girder/ renders strangely on Firefox

The header is 24153.5 px height wonderflux1

Jonnyauk commented 9 years ago

Hi Rob, thanks for the feedback... in all honesty I've not tested Girder in Firefox!

That's weird - let me take a look into that when I get a chance this week (very busy with project work at the mo!)

wimstefan commented 9 years ago

It seems to be related to the box-sizing settings in wf-css-flux-layout-core.css - as soon as I disable it in my Developer console the relations are normal again ...

But that's just a guess since I started to use wonderflux only by today and noticed the same issue and was just playing around a bit without really knowing what I do since I'm not just a simple Wordpress user looking into the possibility of using a framework ....

Jonnyauk commented 9 years ago

Great - thank you for the diagnosis - I appreciate it! This sounds like quite a major rendering bug - I've completely changed the CSS layout generation engine in Wonderflux v2 and clearly need to do some more testing (my initial testing was with very basic layouts). I've had a quick peek in Firefox now, whooa, spacing is all out - strange, because when I quickly viewed some other Wonderflux v2 sites such as http://jonnya.net and http://wonderflux.com they are fine!?

I'm absolutely stacked out with project work right now (which is what pays the bills ;) but will try and take a look over the weekend if I get a chance. I feel as the other sites render perfectly there is something else weird going on - I have a bit of an unusual WordPress multisite + CDN setup on wonderflux.com so that could possibly be bumping a file somewhere.

chrome-debug

Blarkdackbyte commented 9 years ago

Hi! I have a similar issue! In Firefox i have to scroll a lot to get to the content. I find out, that it has something todo with the "box-sizing: inherit". In Chrome the demopage works perfectly. If i insert a simple "

" between the search textfield and the button, the page is shown correctly.

firefoxrenderissue

rbfii commented 9 years ago

If you wish to have further testing on the cross browser usability I am available as I am currently hunting for a new place to continue my career.

Jonnyauk commented 9 years ago

Thanks guys - mega busy at the moment with client work but will look into this when I get a chance...very strange!

ghost commented 9 years ago

Issue is caused due to line-height set on the submit. No adverse effects displayed from removing it.

An ideal world I would prefer to omit the submit button text altogether and set it via aria-label instead. Sadly due to the doctype this isn't possible.

Jonnyauk commented 8 years ago

Awesome - thank you so much AG, it's appreciated! I'm just so stacked out with project work (and a little stressed too!) thanks!!