This page is not created by, affiliated with, or supported by Slack Technologies, Inc.
2017-10-29
Channels
- # aws (2)
- # bangalore-clj (2)
- # beginners (36)
- # boot (10)
- # cider (9)
- # cljs-dev (19)
- # clojure (47)
- # clojure-russia (4)
- # clojure-spec (18)
- # clojure-uk (4)
- # clojurescript (71)
- # core-async (20)
- # core-logic (2)
- # css (3)
- # cursive (5)
- # data-science (15)
- # datomic (7)
- # emacs (13)
- # figwheel (4)
- # klipse (1)
- # luminus (5)
- # lumo (1)
- # off-topic (33)
- # re-frame (17)
- # shadow-cljs (1)
- # spacemacs (5)
- # specter (21)
- # unrepl (1)
- # vim (7)
re-com question: What should I do in a situation where the content of a h-box
isn't guaranteed to fit in one row?
from a bit of googling it seems like there is a property flex-wrap
that may solve this
as a test i try to assign a :style {:flex-flow "wrap"}
but that seems to be missing and it's getting a default flex-flow: row nowrap
manually changing the CSS style from nowrap
to wrap
seems to make no difference either
Using http-fx.. what do I need to pass to get a text response-format? - never mind, got it. Was just slightly confused.
@lovuikeng other than clipping & scrolling not being a behaviour I want, I'm not sure how that overlaps with flexbox?
sorry, @sandbags flex layout seems to be known complicated issue.. might need to use box as children........ "If you need to introduce leaf nodes into a layout and they are not already correctly styled for use as flexbox items, then wrap them in (make them the child of) a [box ..]." http://re-demo.s3-website-ap-southeast-2.amazonaws.com/#/box
@sandbags You need to be a little more forceful because re-com uses the flex-flow
style and specifies "row nowrap". So, all you need to do is:
[rc/h-box
:style {:-webkit-flex-flow "row wrap" :flex-flow "row wrap"}
:children [...]]
and it should work. You could also require the re-com.box
namespace which will give you access to a little helper function to allow you to simplify the code:
[rc/h-box
:style (flex-flow-style "row wrap")
:children [...]]
@gregg thanks ... unfortunately this still does not seem to be working. Inspecting the div corresponding to the h-box I see style="flex-flow: row wrap;"
but the items are still sprawling over the righthand edge of the box. Not sure what I am missing here.