Невозможно настроить angular gridster для мобильных устройств - PullRequest
Новая
       14

Невозможно настроить angular gridster для мобильных устройств

0 голосов
/ 14 июля 2020

Я новичок в использовании библиотеки angular gridster для своего проекта. Я определил следующие параметры / конфигурацию для моего Gridster во фрагменте, как показано ниже. Следующее хорошо работает при отображении моего контента на рабочем столе, однако в мобильном представлении оно работает не так, как задумано. Я попытался изменить gridType на «fit». Однако это будет означать, что мобильный телефон будет отображаться правильно, но настольная версия будет ошибочной. Я не уверен, пропустил ли я какую-то важную конфигурацию, из-за которой это произошло. Буду признателен за вашу помощь и совет, если у вас есть знания по этому поводу. 

draggable: {
      enabled: true
    },
    pushItems: true,
    resizable: {
      enabled: true
    },
    maxCols: 12,
    minCols: 12,
    maxRows: 12,
    minRows: 12,
    setGridSize: true,
    gridType: 'scrollVertical',
    //mobileBreakpoint: 640,
    disableScrollHorizontal: false,
    disableScrollVertical: false,
    fixedRowHeight: 250,
    fixedColWidth: 350,
    displayGrid: "none",
    itemRemovedCallback: () => {
      setTimeout(() => {
        (<HTMLElement>document.getElementsByTagName("gridster-preview")[0]).style.display = "none";
      });
    }

Вид на рабочем столе: отображение как задумано

enter image description here Mobile View: Unable to display gridster across the whole screen

введите описание изображения здесь

...