diff --git a/src/components/post-form/__tests__/post-form.test.tsx b/src/components/post-form/__tests__/post-form.test.tsx index c9d30055..305e5be1 100644 --- a/src/components/post-form/__tests__/post-form.test.tsx +++ b/src/components/post-form/__tests__/post-form.test.tsx @@ -565,6 +565,7 @@ describe('PostForm', () => { expect(linkInput?.getAttribute('placeholder')).toBe('https://website.com/image.jpg'); expect(textarea).toBeTruthy(); expect(select).toBeTruthy(); + expect(select?.className).toContain('boardSelector'); await dispatchInput(linkInput as HTMLInputElement, 'not-a-url'); await clickByText(table as HTMLTableElement, 'post'); diff --git a/src/components/post-form/post-form.module.css b/src/components/post-form/post-form.module.css index f2676845..5581372e 100644 --- a/src/components/post-form/post-form.module.css +++ b/src/components/post-form/post-form.module.css @@ -69,7 +69,7 @@ position: relative; } -.postFormTable input[type="text"], .postFormTable textarea, .postFormTable select:not(.flagSelector) { +.postFormTable input[type="text"], .postFormTable textarea, .postFormTable select:not(.flagSelector):not(.boardSelector) { border: var(--post-form-field-input-border, revert); font-family: var(--post-form-field-font-family, revert); appearance: var(--post-form-field-input-appearance, revert); @@ -80,9 +80,13 @@ font-size: 10pt; } -.postFormTable input[type="text"]:focus, .postFormTable textarea:focus, .postFormTable select:not(.flagSelector):focus { +.postFormTable input[type="text"]:focus, .postFormTable textarea:focus, .postFormTable select:not(.flagSelector):not(.boardSelector):focus { border: var(--post-form-field-input-focus-border, revert); } + +.boardSelector { + appearance: auto; +} .postFormTable td > input[type="text"] { width: 244px; diff --git a/src/components/post-form/post-form.tsx b/src/components/post-form/post-form.tsx index 770d5338..c7f16525 100644 --- a/src/components/post-form/post-form.tsx +++ b/src/components/post-form/post-form.tsx @@ -432,7 +432,12 @@ const PostFormFields = ({ {t('board')} - setPublishPostOptions({ communityAddress: e.target.value })} + value={communityAddress} + > {isInAllView && directories.map((community) =>