rsuite/rsuite

A suite of React components

Al Bilal

@Albilvl

navbar imports are not rendering as its supposed to

correctly installed rsuite and imports but not showing as it should.

vivek5611523

@vivek5611523

Hi all, i facing a problem, how can i enable rsuite date picker web accessibility, all the fields having tabindex="-1" . i need to enable into tabindex="0"

Lucas Rogerio Codogno

@LucasCodogno

Hello my friends

Joost van Berkel

@zolero_gitlab

@SevenOutman Hi! Awesome work you guys are doing. Rsuite absolute beast.

I need a small fix to get the Uploader to work for graphql-upload. It seems that the order of formdata fields are strict which means I encounter this error:
"Misordered multipart fields; files should follow ‘map’".

https://github.com/jaydenseric/graphql-multipart-request-spec

Could you switch line https://github.com/rsuite/rsuite/blob/ea54e642ee08a1dafdbb87730fcf50adda6d08be/src/utils/ajaxUpload.ts#L55

To the end of the formdata initialization?

sendableData = new FormData();
sendableData.append(name, file, file.name);
for (const key in data) {
sendableData.append(key, data[key]);
}

TO
sendableData = new FormData();
for (const key in data) {
sendableData.append(key, data[key]);
}
sendableData.append(name, file, file.name);

RamonPessoa

@RamonPessoa

hey guys, does anyone knows if there is an event listener for the Panel component? (onOpen={})

sam-woodridge

@sam-woodridge

Hello, I have a question about the DateRangePicker. Why do the calendars show a day/month at the top in the header rather than just a month? It doesn't make sense to have a day there, and leads to confusing behavior... for example, if you choose a range May 12 - May 15, the first calendar header will say May 12, and the second calendar will show "June 15" because it is using the day from the end date, but month of June

iyanski

@iyanski

Typo issue in popover documentation under Default Examples.

default is spelled as defalut

const instance = (
  <div style={{ height: 100, position: 'relative' }}>
    <Popover title="Title" visible>
      <p>This is a defalut Popover </p>
      <p>Content</p>
    </Popover>
  </div>
);
ReactDOM.render(instance);

vivek5611523

@vivek5611523

Guys please help me. can we fix web accessibility issues and can we enable web accessibility for rsuite datepicker

i am stucked on this if anyone knows to help really it is very helpful for me. please do the needful as soon as possible

purtiAggarwal

@purtiAggarwal

is this library suitable for typescript

Hasan Zohdy

@hassanzohdy

@purtiAggarwal Yup

fonderkin.k

@fonderkin

Whisper : https://rsuitejs.com/components/popover/#code-lt-whisper-gt-code - how event click overlay?

Camille

@camilleory

Hello, when I use the form validation, it works for empty fields, but when the fields come with a value, the validation shows the error message, I need to type in the field for the validation to understand the field is not empty. Did anybody have the same problem ?

Mirali

@mirik999

Hi , does someone know how to customize input ( input-picker ) height with less variables without rewriting css directly ? I played a bit with variables from github repo ( offiscial rsuite/variables ) but i could not figured out

RamonPessoa

@RamonPessoa

Hi, is it possible to keep the container sidebar on the screen, on content scroll?

Andreas Schneider

@Zerberuss

Hello!
Is it possible to show the correct "to" date in the top right corner of the date-range-picker box?

if I choose 23-25 june the right "to" date shows 25.july instead of june

very missleading

Soran Ismail

@Soran-i

Hey guys, I am trying to set the default value for the SelectPicker component like so:

<SelectPicker
        data={data}
        searchable={false}
        cleanable={false}
        defaultValue={props.defaultValue.toString()}
      />

For some reason though I can't get it to work... is there a reason for this?

abdullaev388

@abdullaev388

Hi! I am working with tables and there is sortable table, so my question is can i sort by multiple columns?

Guri Sandhu

@Guri_S_Sandhu_twitter

Hi,
When I use Slider', I am unable to get the styling in React 18 version. But it was working in React 17.

Does anyone know why it's not working in React 18?

Many thanks

John Aldrin

@jpaldrin

@Soran-i

{
view:"daterangepicker", name:"default", width:500, label:"Default",
value:{start: new Date(), end: props.Date.add(new Date(), 1, "month")}
}

Evan-Baekdu

@Evan-Baekdu

Anyone use rsuite with graphql??

Guri Sandhu

@Guri_S_Sandhu_twitter

Is Rsuite compatible with React 18?

Guilherme Koerber

@GuilhermeKoerberBPlus

Hi folks,
I'm using Rsuite's Progress.Circle component in my project, but the text of "25%" appears in the upper left corner of the progress bar, in the documentation it says it would be in the center of the bar.

I tried to adjust by CSS but I'm not getting it, does anyone know how to put the text in the center of the progress bar?

Guilherme Koerber

@GuilhermeKoerberBPlus