horizontal form can't display in line because display:block about papercss HOT 5 CLOSED

I'm not entirely sure if I'm understanding. Could you please provide a screenshot and some more details about what the issue is?

from papercss.

@rhyneav
default

with no display:block of textarea

from papercss.

You may need to add some custom code for your site that makes these input groups horizontal (perhaps with flexbox or grid). This doesn't appear to be an input group that PaperCSS supports at the moment. https://www.getpapercss.com/docs/components/forms/

from papercss.

@rhyneav
no need add extra css just remove display:block of textarea everthing is ok .
Is there any side effect of absence display:block for textarea ?

from papercss.

You need to do something like this:

.my-class {
 display: inline-block;
}

<form >
    <br><label> title </label> <input name="title" class="my-class" />
    <br><label> js </label>    <input type="checkbox"  name="lang[]"  value="es5" class="my-class"> es5
                               <input type="checkbox"  name="lang[]"  value="es6" class="my-class"> es6
    <br><label>content</label> <textarea  rows="10"  cols="35"  class="my-class" ></textarea>
    </form>

Changing display: block on our side is not fixing your issue.

Instead you should write valid HTML markup and add your own css classes to make the layout work that you want. We don't provide some kind of grid component, so to get the elements into a layout that you want is your own responsibility.

from papercss.