HomeOnSale / HomeOnSale.module.less / HomeOnSaleItem VirtualGridList 포커싱 시 이동 안하는 현상 수정

com.twin.app.shoptime/src/views/HomePanel/HomeOnSale/HomeOnSale.jsx

@@ -6,7 +6,6 @@ import { VirtualGridList } from "@enact/sandstone/VirtualList";
 import { SpotlightContainerDecorator } from "@enact/spotlight/SpotlightContainerDecorator";
 import ri from "@enact/ui/resolution";
 
-import { getOnSaleInfo } from "../../../actions/onSaleActions";
 import TGrid from "../../../components/TGrid/TGrid";
 import { $L } from "../../../utils/helperMethods";
 import HomeOnSaleItem from "../HomeOnSaleItem/HomeOnSaleItem";
@@ -35,11 +34,10 @@ const HomeOnSale = ({ ...rest }) => {
 
       return (
         <HomeOnSaleItem
+          {...rest}
+          key={index}
           homeOnSaleInfos={homeOnSaleInfos}
           itemData={itemData}
-          index={index}
-          {...rest}
-          className={css.VirtualGridList}
         />
       );
     },
@@ -53,6 +51,7 @@ const HomeOnSale = ({ ...rest }) => {
         <TGrid type="onSaleItem">
           {homeOnSaleInfos && homeOnSaleInfos.length > 0 && (
             <VirtualGridList
+              className={css.grid}
               dataSize={homeOnSaleInfos.length}
               direction="horizontal"
               horizontalScrollbar="hidden"

com.twin.app.shoptime/src/views/HomePanel/HomeOnSale/HomeOnSale.module.less

@@ -13,4 +13,8 @@
     font-family: "LGSmartUIBold";
     font-size: 42px;
   }
+
+  .grid {
+    height: 300px;
+  }
 }

com.twin.app.shoptime/src/views/HomePanel/HomeOnSaleItem/HomeOnSaleItem.jsx

@@ -33,8 +33,9 @@ export default function HomeOnSaleItem({ homeOnSaleInfos, itemData, ...rest }) {
   const { originalPrice, discountedPrice, discountRate } = parsePriceInfo(
     itemData.priceInfo
   );
+
   return (
-    <SpottableComponent key={itemData.expsOrd} className={css.onSaleItemList}>
+    <SpottableComponent className={css.onSaleItemList} {...rest}>
       <img src={itemData.imgUrl} className={css.onSaleItemListImg} />
       <div className={css.onSaleItemListBox}>
         <div className={css.onSaleItemListBoxTitle}>{itemData.catNm}</div>