[Critical] Hot Picks / 포커스가 동영상에 고정되어 화면이 아래로 이동 안되는 현상

This commit is contained in:
junghoon86.park
2024-07-25 10:37:58 +09:00
parent 7c3a95755b
commit 3d26b70ba2

View File

@@ -34,7 +34,6 @@ const SpottableComponentDiv = Spottable("div");
const Container = SpotlightContainerDecorator(
{
enterTo: "last-focused",
leaveFor: { right: "", down: "" },
},
"div"
);
@@ -151,15 +150,31 @@ export default function TCFV({
);
}, [data, dispatch, videoSpotName]);
const _onSpotlightDown = useCallback((ev) => {
onSpotlightDown(ev);
}, []);
const _onSpotlightUp = useCallback((ev) => {
ev.stopPropagation();
ev.preventDefault();
onSpotlightUp(ev);
}, []);
const _onSpotlightDown = useCallback(
(ev) => {
ev.stopPropagation();
if (onSpotlightDown) {
onSpotlightDown(ev);
}
},
[onSpotlightDown]
);
const _onSpotlightUp = useCallback(
(ev) => {
ev.stopPropagation();
if (onSpotlightUp) {
onSpotlightUp(ev);
}
},
[onSpotlightUp]
);
const _onSpotlightRight = useCallback((ev) => {
ev.stopPropagation();
Spotlight.focus(spotName);
}, []);
const modalClassNameChange = useCallback(() => {
if (videoFocusedRef.current) {
return css.videoModal;
@@ -251,14 +266,15 @@ export default function TCFV({
return (
<SpottableComponent
key={showNm + thumbnailUrl}
onSpotlightDown={_onSpotlightDown}
onSpotlightUp={_onSpotlightUp}
onClick={handleVideoClick}
className={css.videoBox}
spotlightId={videoSpotName}
onFocus={onVideoFocus}
onBlur={onVideoBlur}
aria-label={"selected " + showNm}
onSpotlightRight={_onSpotlightRight}
onSpotlightDown={_onSpotlightDown}
onSpotlightUp={_onSpotlightUp}
>
<CustomImage
delay={0}