Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Editor has problem recognizing custom properties and advnaced css rules. #166

Open
numanzahid opened this issue Jan 14, 2023 · 5 comments
Open

Comments

@numanzahid
Copy link

Hi there,

SO-CSS had problem recognizing css variables, variable definitions and advanced css selectors. It also had problem with complicated css rules such as repeat function in grid.

SO-CSS marks all of these as false and error.

Grid Repeat Function:
image
Note: Does not understand gap property as well.

CSS variable definitions:
image

Variable usage:
image

Problem with :has selector:
image

Probably there is some update to the code editor. Maybe old version of code mirror is causing these errors and warnings. Current version was released in 2017 and there are new versions available.

Hope you guys are able to fix this problem.

Have a nice day.

@Misplon
Copy link
Member

Misplon commented Jan 14, 2023

Hi @numanzahid

Thanks for taking the time to get in touch. We're using the core WordPress version of CodeMirror.

#126

@Misplon
Copy link
Member

Misplon commented Jan 14, 2023

It looks like there is a Trac ticket open at https://core.trac.wordpress.org/ticket/48456. If the situation persists, we'll re-evaluate whether to self-host CodeMirror. Thanks again for reaching out.

@numanzahid
Copy link
Author

Hi @Misplon,

Thanks for the fast response. Hopefully SiteOrigin team decides to self host the CodeMirror as WordPress is not likely to change this.

On the other hand whole functionality of SO-CSS relies on its editor. Especially SO-CSS is offering premium version of this plugin as well.

Surely the self hosting will add about 3mb to the plugin but will allow you to use more CodeMirror addons and functionalities and complete control over the behavior.

Have a nice day.

@Misplon
Copy link
Member

Misplon commented Jan 14, 2023

Hi, thanks for your reply.

SiteOrigin CSS is almost entirely free. The only setting that SiteOrigin Premium adds is a Web Font Selector for choosing Google Fonts. There isn't a premium version of SiteOrigin CSS, as you'd normally understand it. Just the one setting added via SiteOrigin Premium.

CodeMirror was previously included in SiteOrigin CSS. We'll reevaluate the situation with the core being updated and get back to you in the week.

Thanks again.

Andrew

@Misplon
Copy link
Member

Misplon commented Feb 10, 2023

@numanzahid Apologies for the delay. We, unfortunately, haven't had a chance to move CodeMirror yet. We'll update you as soon as we've made progress.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Development

No branches or pull requests

2 participants