html - Overlapping CSS flexbox items in Safari -

-

what's correct css force safari not overlap flex items within default flex container?

safari seems give width flex items lots of content.

safari: (v8.0.8 on mac os x 10.10.5 yosemite)
flex-items-safari.png

the flex items display fine in chrome , firefox.

chrome:
enter image description here


css:

main {    display: flex;    border: 3px solid silver;    } main >div {    background-color: plum;    margin: 10px;    }


html:

<main>    <div>       doh!!!!!!!!!!!    </div>    <div>       lorem ipsum dolor sit amet, consectetur adipiscing       elit, sed eiusmod tempor incididunt ut labore et       dolore magna aliqua. ut enim ad minim veniam.    </div> </main>

fiddle code:
http://jsfiddle.net/ll05grus/6

the element shrinking. need set flex-shrink property 0 on shrinking element.

main >div:first-child {   -webkit-flex: 0;   flex-shrink: 0; }

Comments

Post a Comment

Popular posts from this blog

java - Date formats difference between yyyy-MM-dd'T'HH:mm:ss and yyyy-MM-dd'T'HH:mm:ssXXX -

-
i trying parse date 2014-12-03t10:05:59.5646+08:00 using these 2 formats: yyyy-mm-dd't'hh:mm:ss yyyy-mm-dd't'hh:mm:ssxxx when parse using yyyy-mm-dd't'hh:mm:ss works fine, when parse yyyy-mm-dd't'hh:mm:ssxxx parseexception thrown. which correct format parse date , difference between these 2 formats? note : cannot use joda :( those valid formats: yyyy-mm-dd't'hh:mm:ss.sssz >>> e.g.: 2001-07-04t12:08:56.235-0700 yyyy-mm-dd't'hh:mm:ss.sssxxx >>> e.g.: 2001-07-04t12:08:56.235-07:00 edit: btw, "x" refer (iso 8601 time zone)
Read more

Fatal error: Call to undefined function menu_execute_active_handler() in drupal 7.9 -

-
i in problem, site down. fatal error: call undefined function menu_execute_active_handler() in drupal. please me. as function part of essential codebase, inside includes/menu.inc, please check integrity of source code of drupal. apart that, drupal 7.9 old, insecure release. if security updates not applied, site hacked. check page: https://www.drupal.org/drupalsa05faq if these not help, install xdebug php extension ( http://xdebug.org/ ) , check execution profile, xdebug can stacktrace-included errors, can lot.
Read more

python - RuntimeWarning: PyOS_InputHook is not available for interactive use of PyGTK -

-
i'm using pygtk python 2.7 in ubuntu 14.04, following message: runtimewarning: pyos_inputhook not available interactive use of pygtk what reason ? when trigger? trying run script or use pygtk interactively? most likely, input hook grabbed interactive loop, e.g.: >>> import tkinter >>> root = tkinter.tk() # input hook grabbed tkinter immediate result evaluation >>> import gtk # gtk tries grab hook, fails /usr/lib/python2.7/dist-packages/gtk-2.0/gtk/__init__.py:127: runtimewarning: pyos_inputhook not available interactive use of pygtk the immediate result evaluation means expression results evaluated (e.g. window displayed) before entering main loop. have in mind, warning, not error, if bothers you, can import gtk module can (or, well, reasonably early) , release input hook: import gtk gtk.set_interactive(false) import tkinter root = tkinter.tk() # no warning here
Read more