MultimodalTextbox:MultimodalTextbox with 5 lines and max 5 lines

Build 6796 on mmtextbox-files
1200px
Resources requested by the new story could not be loaded. Snapshots may be affected.
BaselineBuild 6315 on 5.0-dev
Baseline
View Storybook
LatestBuild 6796 on mmtextbox-files
LatestLatestLatest
View Storybook
The baseline is shorter than the new snapshot (1168x171 to 1168x173).
Baseline History
Build 6796bd1e1e7 current baseline
Current build. Accepted by Hannah.
Build 6793b5eaba1
Inherited baseline identical to build 6315
Build 63151647ebd
Accepted by Hannah.
Build 58248ed9877
Accepted by Hannah.
Build 5780d2eea4e
Accepted by Hannah.
Build 49465475b71
Accepted by Abubakar Abid.
No comments
Login to comment
DOM Diff
file.html a CHANGED
@@ -1,25 +1,27 @@
1
- <div id="" class="block multimodal-textbox svelte-12cmxck padded" style="border-style: solid; overflow: hidden; min-width: min(0px, 100%); border-width: var(--block-border-width);">
2
- <div class="full-container svelte-1922mk" role="group" aria-label="Multimedia input field">
 
3
  <label class="container">
4
  <span data-testid="block-info" class="svelte-1gfkn6j">MultimodalTextbox</span>
5
- <div class="input-container svelte-1922mk">
6
- <button tabindex="-1" class="svelte-1x5qevo hidden center boundedheight flex disable_click"
7
  style="height: 100%;">
8
  <input aria-label="file upload" data-testid="file-upload" type="file"
9
- multiple="" class="svelte-1x5qevo" style="">
10
  </button>
11
- <button data-testid="upload-button" class="upload-button svelte-1922mk">
12
- <svg fill="currentColor" viewBox="0 0 1920 1920" xmlns="http://www.w3.org/2000/svg">
 
13
  <g id="SVGRepo_bgCarrier" stroke-width="0"></g>
14
  <g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g>
15
  <g id="SVGRepo_iconCarrier">
16
  <path d="M1752.768 221.109C1532.646.986 1174.283.986 954.161 221.109l-838.588 838.588c-154.052 154.165-154.052 404.894 0 558.946 149.534 149.421 409.976 149.308 559.059 0l758.738-758.626c87.982-88.094 87.982-231.417 0-319.51-88.32-88.208-231.642-87.982-319.51 0l-638.796 638.908 79.85 79.849 638.795-638.908c43.934-43.821 115.539-43.934 159.812 0 43.934 44.047 43.934 115.877 0 159.812l-758.739 758.625c-110.23 110.118-289.355 110.005-399.36 0-110.118-110.117-110.005-289.242 0-399.247l838.588-838.588c175.963-175.962 462.382-176.188 638.909 0 176.075 176.188 176.075 462.833 0 638.908l-798.607 798.72 79.849 79.85 798.607-798.72c220.01-220.123 220.01-578.485 0-798.607"
17
  fill-rule="evenodd"></path>
18
  </g>
19
  </svg>
20
  </button>
21
- <textarea data-testid="textbox" class="scroll-hide svelte-1922mk" dir="ltr"
22
  placeholder="" rows="5" disabled="" style=""></textarea>
23
  </div>
24
  </label>
25
  </div>
1
+ <div id="" class="block multimodal-textbox svelte-hjh1qu auto-margin"
2
+ style="border-style: solid; overflow: hidden; min-width: min(0px, 100%); border-width: var(--block-border-width);">
3
+ <div class="full-container svelte-bt8o59" role="group" aria-label="Multimedia input field">
4
  <label class="container">
5
  <span data-testid="block-info" class="svelte-1gfkn6j">MultimodalTextbox</span>
6
+ <div class="input-container svelte-bt8o59">
7
+ <button tabindex="-1" class="svelte-1b742ao hidden center boundedheight flex disable_click"
8
  style="height: 100%;">
9
  <input aria-label="file upload" data-testid="file-upload" type="file"
10
+ multiple="" class="svelte-1b742ao" style="">
11
  </button>
12
+ <button data-testid="upload-button" class="upload-button svelte-bt8o59">
13
+ <svg fill="currentColor" width="100%" height="100%" viewBox="0 0 1920 1920"
14
+ xmlns="http://www.w3.org/2000/svg">
15
  <g id="SVGRepo_bgCarrier" stroke-width="0"></g>
16
  <g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g>
17
  <g id="SVGRepo_iconCarrier">
18
  <path d="M1752.768 221.109C1532.646.986 1174.283.986 954.161 221.109l-838.588 838.588c-154.052 154.165-154.052 404.894 0 558.946 149.534 149.421 409.976 149.308 559.059 0l758.738-758.626c87.982-88.094 87.982-231.417 0-319.51-88.32-88.208-231.642-87.982-319.51 0l-638.796 638.908 79.85 79.849 638.795-638.908c43.934-43.821 115.539-43.934 159.812 0 43.934 44.047 43.934 115.877 0 159.812l-758.739 758.625c-110.23 110.118-289.355 110.005-399.36 0-110.118-110.117-110.005-289.242 0-399.247l838.588-838.588c175.963-175.962 462.382-176.188 638.909 0 176.075 176.188 176.075 462.833 0 638.908l-798.607 798.72 79.849 79.85 798.607-798.72c220.01-220.123 220.01-578.485 0-798.607"
19
  fill-rule="evenodd"></path>
20
  </g>
21
  </svg>
22
  </button>
23
+ <textarea data-testid="textbox" class="scroll-hide svelte-bt8o59" dir="ltr"
24
  placeholder="" rows="5" disabled="" style=""></textarea>
25
  </div>
26
  </label>
27
  </div>