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

RTL Support Issues in Bulma v1 #3830

Closed
smileys53 opened this issue May 28, 2024 · 3 comments
Closed

RTL Support Issues in Bulma v1 #3830

smileys53 opened this issue May 28, 2024 · 3 comments

Comments

@smileys53
Copy link

I am experiencing several issues related to RTL (Right-to-Left) support in Bulma v1:

Missing bulma-rtl files: The bulma-rtl files are not available in the package. Additionally, these files are not accessible via the two popular CDNs, jsDelivr and cdnjs.

SASS Compilation Issues: I attempted to generate the RTL files using the $rtl: true; flag in SASS, but it did not produce the expected results.

Lack of Documentation: There is no documentation regarding RTL support on the Bulma website. This makes it challenging to implement and troubleshoot RTL support.

I would like to know if RTL support is still available in Bulma v1. If so, could you please provide guidance on how to properly implement it, including access to the bulma-rtl files and the correct SASS configuration? Additionally, it would be helpful to have updated documentation on the website regarding RTL support.

@jgthms
Copy link
Owner

jgthms commented May 28, 2024

What issues are you having? V1 makes use of logical properties such as margin-inline-start which are text direction agnostic.

@asmanp2012
Copy link

asmanp2012 commented Jun 14, 2024

On the document wrote that those who want to use the RTL version should load the RTL file but it does not exist.

Please remove this part of the document or add this file.
I don't know main version has any problem with RTL or not but in the first look I think have no problem.

@smileys53
Copy link
Author

smileys53 commented Jun 14, 2024

The main version is working fine so far for my RTL project. One issue I found is with the "form field with add-ons," as shared in the screenshot below.

<div class="field has-addons">
  <div class="control">
    <input class="input" type="text" placeholder="Find a repository">
  </div>
  <div class="control">
    <button class="button is-info">
      Search
    </button>
  </div>
</div>
Screenshot 2024-05-29 at 12 53 23 PM

@jgthms jgthms closed this as completed in 74c01f4 Jun 23, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants