Fix Browse button text clipped in image popup and make form inputs full-width

The CSS rule .jodit-tab.jodit-tab_empty { min-width: 220px } never matched
because tabs.ts created a child div with class jodit-tab_empty instead of
adding the class to the .jodit-tab element itself. This caused the popup to
remain too narrow (193px), clipping the Browse button text.

Also added flex: 1 to inputs/selects inside UIBlock so form fields stretch
to full width in link popup and other forms.

Fixes #1318

Author: xdan

CHANGELOG.md

@@ -14,6 +14,11 @@
 #### :bug: Bug Fix
 
 - Fix table column operations (insert before/after, delete) affecting wrong column when cells are merged [#1334](https://github.com/xdan/jodit/issues/1334)
+- Fix Browse button text clipped in image popup when filebrowser is configured [#1318](https://github.com/xdan/jodit/issues/1318)
+
+#### :nail_care: Polish
+
+- Make form inputs stretch to full width inside UIBlock (link popup, image popup)
 
 ## 4.9.17
 

src/core/ui/form/block/block.less

@@ -4,6 +4,11 @@
 	justify-content: stretch;
 	margin-bottom: var(--padding-default);
 
+	> .jodit-ui-input,
+	> .jodit-ui-select {
+		flex: 1;
+	}
+
 	&_width {
 		&_full {
 			width: 100%;

src/modules/widget/tabs/tabs.ts

@@ -128,7 +128,7 @@ export const TabsWidget = (
 					: content
 			);
 		} else {
-			tab.appendChild(jodit.c.div('jodit-tab_empty'));
+			tab.classList.add('jodit-tab_empty');
 		}
 
 		tabBox.appendChild(tab);

src/plugins/image/image.test.js

@@ -5,6 +5,43 @@
  */
 describe('Process Images plugins', function () {
 	describe('Toolbar', function () {
+		describe('Click on Image button with filebrowser', function () {
+			it('Should show Browse tab button without text clipping', function () {
+				const editor = getJodit({
+					filebrowser: {
+						ajax: {
+							url: 'https://example.com/filebrowser'
+						}
+					}
+				});
+
+				clickButton('image', editor);
+				const popup = getOpenedPopup(editor);
+				expect(popup).is.not.null;
+
+				const tabButtons = popup.querySelectorAll(
+					'.jodit-tabs__button'
+				);
+				expect(tabButtons.length).to.be.at.least(2);
+
+				const browseBtn = Array.from(tabButtons).find(
+					btn => btn.textContent.trim() === 'Browse'
+				);
+				expect(browseBtn).is.not.undefined;
+
+				const textEl = browseBtn.querySelector(
+					'.jodit-ui-button__text'
+				);
+				expect(textEl).is.not.null;
+
+				// The text element should not clip its content
+				expect(textEl.scrollWidth).to.be.at.most(
+					textEl.clientWidth,
+					'Browse button text is clipped (scrollWidth > clientWidth)'
+				);
+			});
+		});
+
 		describe('Click on Image button', function () {
 			it('Should open image dialog and insert image by url.', function () {
 				const editor = getJodit();