Good day.

The strange behavior of Safari was found when using minimized css (everything works fine without minimization).

Here is the css site with which the problem occurred:

.input, .input-wrapper, .custom-combobox { width: 100% !important; box-sizing: border-box; display: block; max-width: none !important; max-width: none !important }

Here is a link to the page where the problem occurs.

Has anyone come across this?

1 answer 1

Pass all css files through autoprefixer and the problem with cross-browser compatibility will be solved.

The result should be

 .input, .input-wrapper, .custom-combobox { width: 100% !important; box-sizing: border-box; -moz-box-sizing: border-box; /*Firefox 1-3*/ -webkit-box-sizing: border-box; /* Safari */ display: block; max-width: none !important; max-width: none !important }
  • We missed a couple of files via autoprefixer, but the problems remained ( - Tatiana