PrimeNG textarea с меткой диапазона - PullRequest
Новая
       2

PrimeNG textarea с меткой диапазона

0 голосов
/ 14 апреля 2019

Начну с картинки

enter image description here

Как вы можете себе представить, я хочу textarea прямо под ярлыком Textarea. По какой-то причине он уходит куда-то еще, в другую область карты ... Вот код. Есть идеи как это исправить? Я пробовал несколько других вариантов, textarea на самом деле не ведет себя так, как я хотел бы. 

<div class="p-grid">
        <div class="p-col-12 p-md-6">
          <p-card>
            <div class="p-grid p-dir-col">

              <div class="ui-g ui-fluid">
                <div class="p-col p-md-12">
                  <div class="ui-inputgroup" fxLayout="row" style="height: 30px">
                    <div fxFlex class="p-col p-md-6" style="padding: 0px">
                      <span class="ui-inputgroup-addon" style="width:100%">Date</span>
                    </div>
                    <div fxFlex class="p-col p-md-6" style="padding: 0px">
                      <input type="date" pInputText>
                    </div>
                  </div>
                </div>
              </div>

              <div class="ui-g ui-fluid">
                <div class="p-col p-md-12">
                  <div class="ui-inputgroup" fxLayout="row" style="height: 30px">
                    <div fxFlex class="p-col p-md-6" style="padding: 0px">
                      <span class="ui-inputgroup-addon" style="width:100%">Dropdown</span>
                    </div>
                    <div fxFlex class="p-col p-md-6" style="padding: 0px; text-align: left">
                      <p-dropdown></p-dropdown>
                    </div>
                  </div>
                </div>
              </div>

              <div class="ui-g ui-fluid">
                <div class="p-col p-md-12">
                  <div class="ui-inputgroup" style="height: 30px">
                    <div fxFlex class="p-col p-md-12" style="padding: 0px">
                      <span class="ui-inputgroup-addon" style="width:100%">Textarea</span>

                    </div>
                    <div class="p-col p-md-12">
                      <textarea [rows]="3" pInputTextarea></textarea>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </p-card>
        </div>
      </div>
...