[Critical] Hot Picks / 포커스가 동영상에 고정되어 화면이 아래로 이동 안되는 현상
This commit is contained in:
@@ -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}
|
||||
|
||||
Reference in New Issue
Block a user