[CLOSED] 44 CSS warnings just from starting brackets

core-ai-bot commented 3 years ago

Issue by JeffryBooher Wednesday Mar 19, 2014 at 18:43 GMT Originally opened as https://github.com/adobe/brackets/issues/7251

Start brackets and open dev tools
Click the funnel icon (5th button from the left) and select "CSS"

Invalid CSS property value: fit-content thirdparty/CodeMirror2/lib/codemirror.css:206
Invalid CSS selector: button::-moz-focus-inner,input::-moz-focus-inner styles/brackets.min.css:9
Invalid CSS selector: input:-moz-placeholder,textarea:-moz-placeholder styles/brackets.min.css:9
Invalid CSS selector: input:-ms-input-placeholder,textarea:-ms-input-placeholder styles/brackets.min.css:9
Invalid CSS selector: button.btn::-moz-focus-inner,input[type="submit"].btn::-moz-focus-inner styles/brackets.min.css:9
Invalid CSS selector: .navbar-inverse .navbar-search .search-query:-moz-placeholder styles/brackets.min.css:9
Invalid CSS selector: .navbar-inverse .navbar-search .search-query:-ms-input-placeholder styles/brackets.min.css:9
2
Invalid CSS property value: box styles/brackets.min.css:9
Invalid CSS property name: box-orient styles/brackets.min.css:9
Invalid CSS property value: box styles/brackets.min.css:9
Invalid CSS property name: box-orient styles/brackets.min.css:9
Invalid CSS property value: box styles/brackets.min.css:9
Invalid CSS property name: box-orient styles/brackets.min.css:9
Invalid CSS property name: box-flex styles/brackets.min.css:9
Invalid CSS property value: box styles/brackets.min.css:9
Invalid CSS property name: box-orient styles/brackets.min.css:9
Invalid CSS property name: box-align styles/brackets.min.css:9
Invalid CSS property name: box-flex styles/brackets.min.css:9
Invalid CSS property value: box styles/brackets.min.css:9
Invalid CSS property name: box-orient styles/brackets.min.css:9
Invalid CSS property value: box styles/brackets.min.css:9
Invalid CSS property name: box-orient styles/brackets.min.css:9
Invalid CSS property name: box-flex styles/brackets.min.css:9
Invalid CSS property value: box styles/brackets.min.css:9
Invalid CSS property name: box-align styles/brackets.min.css:9
Invalid CSS property name: box-pack styles/brackets.min.css:9
Invalid CSS property name: backface-visibility styles/brackets.min.css:9
Invalid CSS property value: box styles/brackets.min.css:9
Invalid CSS property name: box-orient styles/brackets.min.css:9
Invalid CSS property value: box styles/brackets.min.css:9
Invalid CSS property name: box-orient styles/brackets.min.css:9
Invalid CSS property name: box-pack styles/brackets.min.css:9
Invalid CSS property name: box-align styles/brackets.min.css:9
Invalid CSS property name: box-flex styles/brackets.min.css:9
Invalid CSS property name: transform-origin styles/brackets.min.css:9
Invalid CSS property name: box-flex styles/brackets.min.css:9
Invalid CSS property name: transform-origin styles/brackets.min.css:9
Invalid CSS property value: transform 266ms cubic-bezier(0, .56, 0, 1) styles/brackets.min.css:9
Unexpected CSS token: { styles/brackets.min.css:9
Resource interpreted as Font but transferred with MIME type application/octet-stream: "file:///C:/Program%20Files%20(x86)/Brackets/www/styles/fonts/SourceSansPro/SourceSansPro-Regular.ttf".
Resource interpreted as Font but transferred with MIME type application/octet-stream: "file:///C:/Program%20Files%20(x86)/Brackets/www/styles/fonts/SourceSansPro/SourceSansPro-Semibold.ttf".
Resource interpreted as Font but transferred with MIME type application/octet-stream: "file:///C:/Program%20Files%20(x86)/Brackets/www/styles/fonts/SourceSansPro/SourceSansPro-Light.ttf".
Resource interpreted as Font but transferred with MIME type application/octet-stream: "file:///C:/Program%20Files%20(x86)/Brackets/www/styles/fonts/SourceCodePro/SourceCodePro-Medium.ttf".
Invalid CSS property value: opacity 0.125s ease-in, transform 0.125s extensions/default/QuickView/QuickView.css:5
Invalid CSS property name: transform-origin extensions/default/InlineTimingFunctionEditor/main.css:82
Invalid CSS property name: transform-origin extensions/default/InlineTimingFunctionEditor/main.css:234
Unexpected CSS token: { extensions/default/InlineColorEditor/css/main.css:239

core-ai-bot commented 3 years ago

Comment by TomMalbran Wednesday Mar 19, 2014 at 19:47 GMT

I don't think most of this warnings should be a problem. Chrome gives a warning for every property they don't support, but most they do support it prefixed or they just don't support the alternative Firefox/IE prefixes

core-ai-bot commented 3 years ago

Comment by peterflynn Wednesday Mar 19, 2014 at 20:05 GMT

Seems worth scrubbing the warnings, though -- some might indicate genuine bugs in our CSS (like the Unexpected CSS token: { one at the end).

core-ai-bot commented 3 years ago

Comment by TomMalbran Wednesday Mar 19, 2014 at 21:57 GMT

The only genuine bugs seems to be the Unexpected CSS token: { styles/brackets.min.css:9 and Unexpected CSS token: {.

The rest are warnings about the unsupported unprefixed transform and flex-box properties and the use of the prefixed input-placeholder pseudo class for other browsers.

core-ai-bot commented 3 years ago

Comment by pthiess Monday Mar 24, 2014 at 18:27 GMT

all the warnings - are no-priority Invalid property values are our concern, we are on the fence with giving it a medium priority.@redmunds@TomMalbran - someone needs to investigate. We decided to make it a starter bug for someone to investigate the syntax issues. I leave it unassigned such that anyone who feels stronger about it can start on this.

core-ai-bot commented 3 years ago

Comment by redmunds Monday Mar 24, 2014 at 18:36 GMT

Assigning to me.

core-ai-bot commented 3 years ago

Comment by redmunds Tuesday Mar 25, 2014 at 00:54 GMT

These are all warnings, not errors. The syntax warnings also seem to be warnings about unknown un-prefixed properties, for example:

`@`media all and (-webkit-min-device-pixel-ratio : 2), (min-device-pixel-ratio : 2) {

core-ai-bot commented 3 years ago

Comment by maltemuth Sunday Jun 08, 2014 at 15:49 GMT

4 of these warnings can be removed by removing the "offending" un-webkit-prefixed rules; the other 40 are part of bootstrap and can't be hacked, since bootstrap is used as a submodule.

core-ai-bot commented 3 years ago

Comment by redmunds Sunday Jun 08, 2014 at 16:48 GMT

@maltemuth We hope to make Brackets an in-browser editor some day, so we don't want to remove the "un-webkit-prefixed" rules.

core-ai-bot commented 3 years ago

Comment by joshghent Tuesday Apr 19, 2016 at 19:49 GMT