PrimeFaces输入组件无法获取焦点、无法接收输入值问题排查求助

优先排查前端样式问题 #

• 打开浏览器开发者工具（F12），选中失效的输入框元素，检查是否存在上层DOM元素z-index更高，遮挡了输入框导致点击无法命中。可以给输入框临时添加style="z-index: 9999; position: relative"属性测试，若恢复交互则为层级遮挡问题，调整对应元素的z-index即可。
• 检查p:panel绑定的resolution-center样式类，是否设置了pointer-events: none属性，该属性会禁止元素响应所有鼠标、键盘交互，若存在则移除该配置即可。

排查JS事件拦截问题 #

• 临时注释模板中引入的nanoscroller.js、layout.js两个自定义JS文件，刷新页面测试输入框是否恢复正常。如果恢复，说明这两个JS中存在全局绑定的click、keydown、focus事件，且执行了preventDefault()阻止了输入组件的默认交互，逐行排查JS中的事件绑定逻辑即可。
• 确认当前使用的PrimeFaces版本和Ecuador布局模板的适配版本是否匹配，第三方PrimeFaces布局模板和非适配版本的PF组件存在兼容性问题时，会覆盖输入组件的默认交互逻辑。

排查后端组件配置问题 #

• 临时删除页面中的<p:selectOneMenu id="console" value="">组件测试，空的value属性可能触发异常校验逻辑，导致整个表单处于不可编辑状态。
• 检查diarioObrasMB的Bean作用域，若为RequestScoped，rendered="#{diarioObrasMB.exibeDadosDiarioSelecionado}"属性在请求后丢失可能导致组件状态异常，可以临时把rendered属性去掉，直接渲染面板测试输入功能是否正常。

内容的提问来源于stack exchange，提问作者Nekonomicon