fitHeight with breakpoints

[roman-rr]

Hi @roman-rr , does the fitHeight: true feature work with breakpoints? I am trying to initialize the CupertinoPane with this configuration:

new CupertinoPane(HTMLElement, {
  draggableOver: true,
  backdrop: false,
  showDraggable: true,
  bottomClose: true,
  fastSwipeClose: true,
  buttonDestroy: false,
  fastSwipeSensivity: 0,
  fitHeight: true,
  breacks: {
    top: { enabled: true, bounce: false },
    middle: { enabled: true, bounce: false },
    bottom: { enabled: false },
  },
});

but I have 2 problems:

• the pane does not change its size based on the content, not even when calling calcFitHeight()
• with bottom: { enabled: false }, the bottomClose option does not seem to work

Is this a feature not implemented with breakpoints, or am I configuring something wrong? Thanks!

Originally posted by @lorenzodianni in https://github.com/tech-systems/panes/issues/113#issuecomment-2198612751

[roman-rr]

@lorenzodianni Thank you for mentions. You are right, fitHeight: true is option that doesn't support breakpoint options and other configuration about bottom/middle/top breakpoint.

Fit Height will automatically calculate size of pane (based on container height and all elements inside), and then present pane to the screen with some bottom margin (bottomOffset).

But, bottomClose: true should works fine with fitHeight: true. Here is example.

[lorenzodianni]

Thank you @roman-rr , for the quick response! Do you also know if bottomClose: true is supported with breakpoints or not?

Thanks!

[roman-rr]

@lorenzodianni Yes, bottomClose: true can be used with breakpoints to close pane when its reached bottom position.