Q&A実現したいこと
antd,tailwindを使用して開発を進めています。
モーダル画面からオーバーフローしてしまうのでこちらを修正したいです。、
前提
画像のように黄色マーカー部がオーバーフローしてしまいます。
スクロールバーを設定したりしてみましたが、
解決方法が分からず、ご教示いただければと存じます。
該当のソースコード
typescript
1<Modal onCancel={close} width={1250} className="overflow-y-auto"> 2 <> 3・ 4・ 5・ 6 <div className="absolute right-0 mt-4"> 7 <Button className="border-interaction text-interaction">前へ</Button> 8 <Button className="border-interaction text-interaction ml-3"> 9 次へ 10 </Button> 11 <Button type="primary" className="ml-3"> 12 閉じる 13 </Button> 14 </div> 15 </> 16</Modal>
試したこと
スクロールバーを設定してオーバーフローを解決しようとしましたが、
上手くいかず、以前オーバーフローを起こしたまま解決できませんでした。
補足情報（FW/ツールのバージョンなど）
ここにより詳細な情報を記載してください。
回答1件
0
自己解決
<Modal onCancel={close} width={1250} className="overflow-y-auto">
<>
・
・
・
</>
</Modal>
のclassName="overflow-y-auto"の書く場所が間違えていたみたいでした。
<></>部に<div className="overflow-y-auto"></div>と記述したら上手くいきました。
投稿2024/01/16 05:12
総合スコア13
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。