Firefox and laracasts.com/discuss

@Axeia - it might be worth sharing your solution with Jeff using https://laracasts.com/contact

Will do, thank you @9705996 :).

In the other post, did you put ``` on a line before and after each code block? I ask because in Chrome your post ends up with a horizontal scroll bar which means something you posted is interferring with the layout.

i have had the same issue with FF and also when i edit, most of my post is GONE... so i have to go back and copy paste my entire post and make the changes i wanted to.. (only happens for LONG posts with code..

@Snapey yes I did and tbh a scrollbar or linewrap is the expected behaviour in my opinion. So I think Chrome is doing it right :) (as is Firefox with my fix although differently)

This is what happens in Firefox at the moment:

This is what happens with my suggested fix:

@shez1983 Are you sure the post disappears? What seems to happen is that the scrollbar is hidden and the textfield isn't big enough so it only displays the first few lines - however if you type something the textfield expands to fit the size of everything in it and you can see/edit your whole post. So I'm guessing there's some kinda of javascript watching for a content change and then calculating the needed size - I'm also guessing this bit of javascript should be called onFocus and that Chrome does do this (but Firefox does not).

[edit] Actually a short post like this one without any code does indeed not suffer from this problem. So I guess it does get called onfocus but fails to calculate the height initially?

I generally just skip over those posts. There's no scrollbar and you can't even get to the "post your reply" button to submit a reply (unless you zoom out of the page quite a bit so everything is microscopic). But worse than that is the mentions menubar doesn't work in firefox. I created a bookmarklet to trigger it though.

I just created a bookmarklet for this issue as well. Here's the "location" for it:

javascript:(function(){%20var%20style%20=%20document.createElement(%27style%27),%20styleContent%20=%20document.createTextNode(%27#root%20.user-content%20pre%20>%20code%20{max-width:800px%20!important}%27);%20style.appendChild(styleContent%20);%20var%20caput%20=%20document.getElementsByTagName(%27head%27);%20caput[0].appendChild(style);%20})();

It just creates a new

<style>#root .user-content pre > code {max-width:800px !important;}</style>

tag and injects it into the head of the document. Works great! @aexia thanks for the tip!

@Cronix you're welcome, wouldn't it make more sense to turn it into a tampermonkey script though?

Saves you the effort of clicking a bookmark(let) :).

[edit] Just noticed this very topic is also breaking after I've posted the images. Setting the max-width on the .column class (instead of code elements) works to fix images and code elements alike.

Hopefully (the old IT refrain) the new design that's coming will fix things for we poor Firefox users ;-).

I know we're a minority - but I always feel a bit sad when a site aimed at web developers is basically saying 'just use chrome' :'-/

I did spot this video about the redesign on youtube though - which makes me think a) Jeffrey is quite thrilled with the new design and b) it's due Real Soon Now(tm) :-)

@Cronix

I made a tamper monkey script out of your code, you can find the script here: https://greasyfork.org/en/scripts/373670-laravel-firefox-forum-fix and tampermonkey here: https://tampermonkey.net/

So for all of us firefox users, install tampermonkey and then install the script and you're set until the redesign hits.