Date navigation keeps removing items from navigation / context menu when different text or language

1 Reply
2 Participants
Marked answer

Created by
JC Joseph C

Platform
React - EJ 2

Platform
React - EJ 2

Control
Schedule

Created On
Oct 17, 2023 10:06 AM UTC

Last Activity On
Oct 18, 2023 12:21 PM UTC

Want to subscribe?
SIGN IN

When I change the text of the navigation items anything else then englisch. I can't click the calendar items without a strange behaviour. They move automatically into the 3 dashes on the side. When i click one more time, even the calendar date picker moves inside and then I don't have any items left. Why is this happening? So i click on Tag it goes into 3 dots, and then heute, it moves into three dots. When i Change the text into the viewdirective without locale i get same behaviour.

Screenshot 2023-10-17 115830.png

 return (<div className='schedule-control-section'>
      <div className='col-lg-12 control-section'>
        <div className='control-wrapper'>
          <ScheduleComponent width='100%' height='650px' locale='de-CH' enableAdaptiveUI={false} firstDayOfWeek={1} selectedDate={new Date(2021, 1, 15)} ref={scheduleObj} eventSettings={{ dataSource: data }} editorTemplate={editorTemplate}  actionBegin={onActionBegin} showQuickInfo={true} eventRendered={onEventRendered}>
            <ViewsDirective>
              <ViewDirective  option='Day' eventTemplate={eventTemplate}/>
              <ViewDirective option='Week' eventTemplate={eventTemplate}/>
              <ViewDirective option='Month' eventTemplate={eventTemplate}/>
            ViewsDirective>
            <Inject services={[Day, Week, Month, Resize, DragAndDrop]}/>
          ScheduleComponent>
        div>
      div>
    div>);
};   

1 Reply 1 reply marked as answer

MG Mugilraj Govindarajan Syncfusion Team October 18, 2023 12:21 PM UTC

Hi Joseph,

We have checked your query and we suspect that the schedule toolbar items move inside the popup, because the styles sheet were loaded after the scheduler getting rendered. To resolve this issue, you can load the styles before rendering the scheduler. We have prepared a working and issue reproducing sample which helps you to resolve your problem in application end. Kindly check the attached screen shots for working and issue reproducing samples style references in index.html file which demonstrates the issue and let us know if you need further assistance.

Issue reproducing sample: https://stackblitz.com/edit/schedule-locale-issue-sample?file=index.html

[index.html]