Merge pull request #157 from ovh-ux/fix/ouiTextareaFullWidth

Fix/oui textarea full width

Author: tremblaymath

packages/oui-textarea/README.md

@@ -12,6 +12,12 @@ oui-textarea is a package which provides styles for the textarea component.
 
 ## Usage
 
+### Native
+
+```html:preview
+<textarea class="oui-textarea">Textarea text</textarea>
+```
+
 ### Basic
 
 ```html:preview

packages/oui-textarea/_mixins.less

@@ -8,7 +8,8 @@
     #oui > .animate();
     transition-property: border-color, box-shadow, background-color;
 
-    display: block;
+    display: flex;
+    flex-direction: column;
     padding: 0;
     margin: @oui-textarea-margin;
     border-radius: @oui-textarea-border-radius;
@@ -19,6 +20,7 @@
       #oui > .animate();
 
       display: block;
+      flex-grow: 1;
       width: 100%;
       resize: none;
       outline: none;
@@ -107,6 +109,7 @@
   }
 
   .textarea-legacy-base() {
+    width: 100%;
     padding: @oui-textarea-field-padding;
     font-size: @oui-textarea-font-size;
     line-height: @oui-textarea-line-height;