diff --git a/ui/v2.5/src/components/Scenes/SceneDetails/SceneEditPanel.tsx b/ui/v2.5/src/components/Scenes/SceneDetails/SceneEditPanel.tsx index c398bd5cd..2e1dfa49e 100644 --- a/ui/v2.5/src/components/Scenes/SceneDetails/SceneEditPanel.tsx +++ b/ui/v2.5/src/components/Scenes/SceneDetails/SceneEditPanel.tsx @@ -64,8 +64,7 @@ export const SceneEditPanel: React.FC = ({ }) => { const intl = useIntl(); const Toast = useToast(); - const titleInputRef = useRef(null); // Move ref hook to top - + const titleInputRef = useRef(null); const [galleries, setGalleries] = useState([]); const [performers, setPerformers] = useState([]); @@ -677,9 +676,8 @@ export const SceneEditPanel: React.FC = ({ } function renderTitleField() { - const displayValue = formik.values.title.replace(/\n/g, ' '); - console.log("Rendering with value:", displayValue); - + const displayValue = formik.values.title.replace(/\n/g, " "); + return ( = ({ if (event.key === "Enter") { event.preventDefault(); const cursorPosition = event.currentTarget.selectionStart ?? 0; - const newTitle = formik.values.title.substring(0, cursorPosition) + - '\n' + - formik.values.title.substring(cursorPosition); - console.log("New title:", newTitle); + const newTitle = + formik.values.title.substring(0, cursorPosition) + + "\n" + + formik.values.title.substring(cursorPosition); formik.setFieldValue("title", newTitle); - - // Safely restore cursor position + setTimeout(() => { if (titleInputRef.current) { - titleInputRef.current.setSelectionRange(cursorPosition + 1, cursorPosition + 1); + titleInputRef.current.setSelectionRange( + cursorPosition + 1, + cursorPosition + 1 + ); } }, 0); } diff --git a/ui/v2.5/src/components/Scenes/styles.scss b/ui/v2.5/src/components/Scenes/styles.scss index 866f95e4c..4f5ea6def 100644 --- a/ui/v2.5/src/components/Scenes/styles.scss +++ b/ui/v2.5/src/components/Scenes/styles.scss @@ -24,9 +24,9 @@ } .text-input { - white-space: normal !important; - overflow: hidden !important; - text-overflow: ellipsis !important; + overflow: hidden; + text-overflow: ellipsis; + white-space: normal; } .performer-tag-container,