Firefox; input field above dice button prevents dice rolling

Hello, everyone, it's about the following character sheet: <a href="https://github.com/Roll20/roll20-character-sheets/tree/master/Dark_Heresy" rel="nofollow">https://github.com/Roll20/roll20-character-sheets/tree/master/Dark_Heresy</a> There is an input box above the roll button which shows the value you have in a skill. If I now click on the roll button in a chromium based browser it works fine, but Firefox behaves completely different, there the input field overrides the button and you can only roll if you click on the outer right border. Here is an extract from the code of the affected fields: &lt;td&gt;&lt;button name="roll_Intimidate" type="roll" &nbsp; &nbsp; value="&amp;{template:dh1ed} {{rollname=^{rollintimidate}}} {{roll=[[floor((@{Intimidate}+?{Modifier|0}-1d100)/10)]]}} {{target=[[@{Intimidate} + ?{Modifier|0}]]}} {{modifier=?{Modifier|0}}}"&gt; &nbsp; &nbsp; &lt;input disabled="true" name="attr_Intimidate" type="number" &nbsp; &nbsp; &nbsp; &nbsp; value="floor((@{Intimidate1}+0.5)*@{S}+@{Intimidate2}+@{Intimidate3}+@{Intimidate4})"&gt; &lt;/button&gt;&lt;/td&gt; Does anyone have an idea how to solve the problem?

See if setting `pointer-events: none` in the css for the input works.

Primal Zed said: See if setting `pointer-events: none` in the css for the input works. super thanks this solves the problem