测试反馈了一些 UI 上的问题，其中影响最大的是在 Modal 组件内的输入框，一旦点击后并不会聚焦滚动到输入框的位置，导致看不到用户输入的内容，体验很差。起初我很好奇它是怎么控制不滚动的，自己用 HTML 和 CSS 手搓甚至直接把项目的搬过去之后才发现其实是 JS 实现的。
一番搜索后发现这个问题 Issues 有反馈，查看源码得知使用了一个叫做 react-spectrum 的库，阅读它的 源码 发现就是很奇怪的 Hack，给输入框设置 transform 然后快速删除它以假装该元素已经触顶...
这还不算啥，还有一个点击 Dropdown 里按钮没有波纹效果的 Bug，就给它提了一个 Issue，也看了看源码，还是不知道为什么波纹动画并没有执行，记录一下看看后期是如何解决的。
打算给自己小窝的日记 SEO 部分增加占位图，发推特卡片就不至于空着了。使用 Nuxt 的 useRequstURL 来获取相关信息，发到线上之后发现除了它有问题，canonical 标签也设置错误了，这其实是 Nginx 的配置有问题，Host 不需要带端口号，实际是什么就传什么，只有 proxy_pass 需要指定被代理的服务是什么端口号。
proxy_pass http://127.0.0.1:3000;
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-Proto $scheme;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;