求教～ Chrome Extension 开发框架 Plasmo 的注入 UI 的 bug， tailwindcss 高度不生效

PlasmoCSUI h-full 不生效

用过 plasmo 的大佬，帮看看问题～

我在页面中，想向一串 list 的尾部（一排水平的按钮），再注入一个我自己的元素（按钮），想保持和他们一样的按钮高度，但是我发现我自己的元素使用 h-full 不生效，无法充满父节点。有了解这个问题的吗？

如下图

import cssText from "data-text:~style.css" import type { PlasmoCSConfig, PlasmoGetInlineAnchorList } from "plasmo" export const getStyle = () => { const style = document.createElement("style") style.textCOntent= cssText.replaceAll(":root", ":host") return style } export const config: PlasmoCSCOnfig= { matches: ["*://*.x.com/*", "*://*.twitter.com/*"] } export const getInlineAnchorList: PlasmoGetInlineAnchorList = async () => { const elements = document.querySelectorAll('[role="tablist"]:last-child') return Array.from(elements).map((el) => ({ element: el, insertPosition: "beforeend" })) } const PlasmoCSUI = () => { return ( <div className="my-auto flex items-center justify-center" style={{ height: 'var(--twitter-tab-height)' }}> <div className="my-auto w-9 h-full flex items-center justify-center ml-1 bg-red-500"> tag </div> </div> ) } export default PlasmoCSUI