#351

backend/spec/requests/posts_spec.rb

@@ -898,6 +898,22 @@ RSpec.describe 'Posts API', type: :request do
       expect(json.fetch('video_ms')).to eq(180_500)
     end
 
+    it 'creates a video post with number input duration seconds' do
+      sign_in_as(member)
+
+      post '/posts', params: post_write_params(
+        title: 'video post seconds',
+        url: 'https://example.com/video-post-seconds',
+        tags: '動画 spec_tag',
+        duration: '180.5',
+        thumbnail: dummy_upload
+      )
+
+      expect(response).to have_http_status(:created)
+      expect(Post.find(json.fetch('id')).video_ms).to eq(180_500)
+      expect(json.fetch('video_ms')).to eq(180_500)
+    end
+
     it 'clears video_ms when the saved tags do not include 動画' do
       sign_in_as(member)
 

frontend/src/components/PostEditForm.test.tsx

@@ -66,4 +66,27 @@ describe ('PostEditForm', () => {
     expect (onSave).toHaveBeenCalledWith (expect.objectContaining ({ versionNo: 5 }))
     expect (toastApi.toast).toHaveBeenCalledWith ({ description: '更新しました．' })
   })
+
+  it ('preserves duration while the video tag is temporarily removed', () => {
+    const post = buildPost ({
+      videoMs: 180_500,
+      tags:    [
+        buildTag ({ id: 1, name: '動画', category: 'general' }),
+        buildTag ({ id: 2, name: 'general-tag', category: 'general' }),
+      ],
+    })
+
+    render (<PostEditForm post={post} onSave={vi.fn ()}/>)
+
+    expect (screen.getByRole ('spinbutton')).toHaveValue (180.5)
+
+    const tags = screen.getAllByRole ('textbox')[2]
+    fireEvent.change (tags, { target: { value: 'general-tag' } })
+    expect (screen.queryByRole ('spinbutton')).not.toBeInTheDocument ()
+
+    fireEvent.change (tags, {
+      target: { value: '動画 general-tag' },
+    })
+    expect (screen.getByRole ('spinbutton')).toHaveValue (180.5)
+  })
 })

frontend/src/components/PostEditForm.tsx

@@ -153,11 +153,6 @@ const PostEditForm: FC<Props> = ({ post, onSave }) => {
     setDuration (videoMsToDurationValue (post.videoMs))
   }, [post])
 
-  useEffect (() => {
-    if (!(videoFlg))
-      setDuration ('')
-  }, [videoFlg])
-
   return (
       <form onSubmit={handleSubmit} className="max-w-xl pt-2 space-y-4">
 	<FieldError messages={baseErrors}/>

frontend/src/lib/posts.test.ts

@@ -70,6 +70,7 @@ describe ('posts API functions', () => {
           id:                    5,
           title:                 'new title',
           tags:                  'tag',
+          duration:              null,
           parentPostIds:         '1 2',
           originalCreatedFrom:   null,
           originalCreatedBefore: '2026-01-02T00:00:00Z',
@@ -82,6 +83,7 @@ describe ('posts API functions', () => {
         {
           title:                   'new title',
           tags:                    'tag',
+          duration:                null,
           parent_post_ids:         '1 2',
           original_created_from:   null,
           original_created_before: '2026-01-02T00:00:00Z',

frontend/src/pages/posts/PostNewPage.test.tsx

@@ -62,6 +62,24 @@ describe ('PostNewPage', () => {
     expect (toastApi.toast).toHaveBeenCalledWith ({ title: '投稿成功!' })
   })
 
+  it ('preserves duration while the video tag is temporarily removed', () => {
+    api.apiGet.mockResolvedValue ([])
+
+    renderWithProviders (<PostNewPage user={buildUser ({ role: 'member' })}/>)
+
+    const tags = screen.getAllByRole ('textbox')[3]
+    fireEvent.change (tags, { target: { value: '動画' } })
+    fireEvent.change (screen.getByRole ('spinbutton'), { target: { value: '180.5' } })
+
+    fireEvent.change (tags, { target: { value: 'general-tag' } })
+    expect (screen.queryByRole ('spinbutton')).not.toBeInTheDocument ()
+
+    fireEvent.change (tags, {
+      target: { value: '動画 general-tag' },
+    })
+    expect (screen.getByRole ('spinbutton')).toHaveValue (180.5)
+  })
+
   it ('shows 422 validation errors for post fields', async () => {
     api.apiGet.mockResolvedValue ([])
     api.isApiError.mockReturnValue (true)

frontend/src/pages/posts/PostNewPage.tsx

@@ -135,11 +135,6 @@ const PostNewPage: FC<Props> = ({ user }) => {
       fetchThumbnail ()
   }, [fetchThumbnail, thumbnailAutoFlg, url])
 
-  useEffect (() => {
-    if (!(videoFlg))
-      setDuration ('')
-  }, [videoFlg])
-
   if (!(editable))
     return <Forbidden/>
 

frontend/src/pages/theatres/TheatreDetailPage.test.tsx

@@ -88,6 +88,10 @@ const weights = buildTheatrePostSelectionWeights ({
     tags:    [],
   }],
 })
+const watchingUsers = [
+  { id: 1, name: 'tester' },
+  { id: 2, name: 'another' },
+]
 
 const renderPage = (user = buildUser ({ id: 1, role: 'member' })) =>
   renderWithProviders (
@@ -136,11 +140,11 @@ const mockDefaultApi = () => {
         postId:        currentPost.id,
         postStartedAt: '2026-01-02T03:04:05.000Z',
         postElapsedMs: 1_000,
-        watchingUsers: [{ id: 1, name: 'tester' }],
+        watchingUsers,
         skipVote:      {
           votesCount:         0,
           requiredCount:      2,
-          watchingUsersCount: 1,
+          watchingUsersCount: watchingUsers.length,
           voted:              false,
         },
       }))
@@ -150,11 +154,11 @@ const mockDefaultApi = () => {
         postId:        currentPost.id,
         postStartedAt: '2026-01-02T03:04:05.000Z',
         postElapsedMs: 2_000,
-        watchingUsers: [{ id: 1, name: 'tester' }],
+        watchingUsers,
         skipVote:      {
           votesCount:         1,
           requiredCount:      2,
-          watchingUsersCount: 1,
+          watchingUsersCount: watchingUsers.length,
           voted:              true,
         },
       }))

frontend/src/types.ts

@@ -356,6 +356,7 @@ export type Tag = {
     hasWiki:        boolean
     materialId:     number | null
     hasDeerjikists: boolean
+    children?:      Tag[]
     matchedAlias?:  string | null }
 
 export type TagVersion = {
@@ -370,7 +371,7 @@ export type TagVersion = {
     createdAt:              string
     createdByUser:          { id: number; name: string | null } | null }
 
-export type TagWithSections = Tag & { sections: { beginMs:  number
+export type TagWithSections = Omit<Tag, 'children'> & { sections: { beginMs:  number
 								    endMs:    number | null }[]
 					              children: TagWithSections[] }