Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-03-11 02:12:21 -05:00
Code Issues Activity

Refixed selection and flashing by properly stopping propagation

Browse source
This commit is contained in:
Simon Backx 2022-07-22 17:07:17 +02:00
parent e5d6a626bd
commit fd996da083
1 changed files with 21 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
apps/comments-ui/src/components/Form.js
View file

@ -241,7 +241,7 @@ const Form = (props) => {
return ( return (
<> <>
<form ref={formEl} onClick={focusEditor} onMouseDown={preventIfFocused} onTouchStart={preventIfFocused} className={` <form ref={formEl} onClick={focusEditor} onMouseDown={preventIfFocused} onTouchStart={preventIfFocused} for="ghost-editor" className={`
transition duration-200 transition duration-200
pt-3 pb-2 px-3 pt-3 pb-2 px-3
-mt-[12px] -mr-3 mb-10 -ml-[12px] -mt-[12px] -mr-3 mb-10 -ml-[12px]
@ -255,7 +255,7 @@ const Form = (props) => {
<div className="w-full relative"> <div className="w-full relative">
<div className="pr-3 font-sans leading-normal dark:text-neutral-300"> <div className="pr-3 font-sans leading-normal dark:text-neutral-300">
<div className="relative w-full"> <div className="relative w-full">
<EditorContent onMouseDown={stopIfFocused} onTouchStart={stopIfFocused} <div
className={` className={`
transition-all duration-150 delay-100 transition-all duration-150 delay-100
w-full pl-[50px] sm:pl-[56px] px-0 py-[10px] pr-4 w-full pl-[50px] sm:pl-[56px] px-0 py-[10px] pr-4
@ -269,9 +269,12 @@ const Form = (props) => {
${props.isEdit && 'cursor-text'} ${props.isEdit && 'cursor-text'}
${!memberName && 'pointer-events-none'} ${!memberName && 'pointer-events-none'}
${shouldFormBeReduced && 'pl-1'} ${shouldFormBeReduced && 'pl-1'}
`} `}>
<EditorContent
onMouseDown={stopIfFocused} onTouchStart={stopIfFocused}
editor={editor} editor={editor}
/> />
</div>
<div className=" <div className="
absolute -right-3 bottom-[2px] absolute -right-3 bottom-[2px]
flex space-x-4 flex space-x-4