Forum Bugs

border-radius property not applying to <input> elements

augustawind
Hi! I recently converted a document that used <div> elements to use <input> elements for form fields, and suddenly the border-radius property is no longer being honored. In other words, when the elements were <div>s, the border-radius property was correctly honored, and the corners of each box were rounded. Once I converted the <div>s to <input>s, the rounded corners went away, even though the elements still use the border-radius property.

Is this a bug, or is there some special thing I need to do to get the border-radius property working for <input> elements?

Thanks in advance!
  1. Screenshot 2024-08-07 at 2.00.08 PM.png299.1 kB
    <input>s
  2. Screenshot 2024-08-07 at 2.00.42 PM.png132.6 kB
    <div>s
mikeday
The border-radius property should apply to input elements normally when PDF forms are not enabled, for example if you try this test document:
<style>
input {
    border-radius: 5pt
}
</style>
<input type="text" value="test">

However a different drawing method is used when PDF forms is enabled (with the --pdf-forms option) that doesn't currently support border-radius, we will investigate if this is possible.
augustawind
Gotcha. Thank you Mike.