PocketBase Admin UI 日历选择器布局问题解析

问题现象

在PocketBase管理后台界面中，当用户手动创建记录并设置DateTime类型属性时，日历选择器组件在某些浏览器环境下会出现布局异常。具体表现为日历网格的最后一列（星期日）无法正确显示在行内，而是被挤到下一行。

技术分析

该问题主要出现在Firefox浏览器（版本125.0.3）中，特别是在macOS 14.3系统环境下。经过分析，这属于CSS布局计算差异导致的跨浏览器兼容性问题。

核心原因在于：

1. 日历网格使用CSS Grid布局，每个单元格的宽度计算为非整数像素值
2. 不同浏览器对非整数像素的处理方式存在差异
3. Firefox采用了与其他浏览器（如Safari）不同的舍入策略

解决方案

开发团队已经通过以下方式修复了该问题：

1. 调整了flatpickr（日历选择器库）的样式定义
2. 确保网格列宽使用更精确的计算方式
3. 增加了对Firefox特殊舍入行为的兼容处理

影响范围

虽然这是一个视觉上的小问题，但不会影响功能使用：

• 仅影响视觉呈现，不影响日期选择功能
• 仅在特定浏览器/操作系统组合下出现
• 不影响数据存储和业务逻辑

最佳实践建议

对于开发者而言，处理类似跨浏览器布局问题时可以注意：

1. 尽量避免依赖非整数像素的布局计算
2. 使用CSS的minmax()函数为网格布局提供弹性空间
3. 在关键UI组件上增加跨浏览器测试
4. 考虑使用CSS特性查询(@supports)处理特定浏览器的问题

该修复已合并到主分支，但由于问题不严重，不会专门为此发布紧急更新版本。