Resolve Conflict with .container Class in LABJS #226
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Description
In LABJS, the
.containerclass is used for the builder, potentially causing conflicts with HTML/CSS code.This problem affects not just experienced programmers writing CSS code within LABJS, but also people with less knowledge who are generating code with tools like ChatGPT.
This pull request proposes a solution to address this conflict, enhancing user experience and code compatibility.
Example :
There are many ways to show the issue. The most event one is by asking a question to ChatGPT, where it can reply by using the
.containerclass.I queried ChatGPT with:
And it responded with:
Identifying why the
.containerclass was overridden is not always easy, as it necessitates inspecting the console, which is not easily accessible for researchers, the primary users of the program.Changes :
.containerclass to.labjs-containerthroughout the LABJS codebase to avoid conflicts..containerclass in the index.html file to reflect the new name.labjs-container.