Turns out Firefox doesn’t work well with a lot of things. :/
:-moz-placeholder { /* Firefox 18- */
color: #aaa;
font-size: 18px;
}
::-moz-placeholder { /* Firefox 19+ */
color: #aaa;
font-size: 18px;
}
Tag Archives: Browser Compatibility
Flex with Firefox
<div flex="50"> <p>looooooooooooooong content</p> </div>
When white-space: nowrap; is used, simply putting overflow: hidden; on <p> is not going to stop it from conquering the parent div and overflowing all over the place. Even if the div has a flex-basis: 50%; to protect itself. That div is going to need a overflow: hidden; too.
Nice job, Firefox 34.0.5.