[Feature] Compatibility Issue with Vendor Prefixes in vocabulary.css

[Sophiek9h]

Problem

While reviewing the vocabulary.css file, I noticed that -webkit vendor prefixes are used in some cases without providing default or -moz prefixed styles for other browsers (like Firefox). This could result in inconsistent rendering and lack of compatibility across non-WebKit browsers.

Description

The issue arises due to the inconsistent use of vendor prefixes. For example, properties with -webkit prefixes should ideally have default values and -moz prefixes where necessary to ensure cross-browser compatibility. Without these, certain styles may not render correctly on browsers like Firefox.

Proposed solution:

Refactor the CSS file to include the default property, -webkit, and -moz prefixes where necessary.
Conduct browser testing to ensure the styles render correctly across major browsers.

Alternatives

An alternative approach would be to use tools like Autoprefixer to automatically handle the addition of vendor prefixes. However, manual refactoring may provide more control and help ensure that the styles are fully optimized for each browser.

Additional context

This issue could potentially lead to visual or functional inconsistencies for users on non-WebKit browsers. Ensuring that proper vendor prefixes are used would improve the reliability of the design across all browsers.

Implementation

• I would be interested in implementing this feature.

[possumbilities]

Work needs to be done here, to discern which prefixes need to remain (or be removed) across various levels of browser compatibility.

Moving to: 🧹 status: ticket work required Needs more details before it can be worked on

[Sophiek9h]

@possumbilities
see line 1367 where -webkit-appearance:none; is written without a fallback design or similar design style for Firefox browsers

also refer from line 1200 to line 1205 where designs for -webkit was specified but not for -moz
and a few other places

Except vocabulary was not designed with old browsers in mind or Firefox then these prefixes should be added