I need to not restrain the window, in the element that was contained in the code.
Just like it was possible in the jQuery version (https://docs.telerik.com/kendo-ui/api/javascript/ui/window/configuration/draggable.containment),
this feature is a must.
Otherwise, I am being forced to keep my Window on the "top level" element, just so that I can have it not be constrained in the nested element...
The problem with this, is that the Window looks totally out of place, if I need more windows, I will need them all there and it's logic is not clear. The are many issues with that approach...
Please provide a temporary workaround if possible, thanks!
Hi,
We are declining this request due to the current level of interest and demand.
However, if interest in this feature increases significantly in the future, we will reconsider its status and evaluate it again.
Regards,
Vessy
Progress Telerik
Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.
Hello, Antonios,
Thank you for the feature request, I can agree that this is a useful feature.
We will plan it based on the community interest and the other requests.
Currently, a possible solution will be to use the controlled mode of the Window and restrict the resize and drag outside of the container boundaries:
https://www.telerik.com/kendo-react-ui/components/dialogs/window/controlled-mode/
https://developer.mozilla.org/en-US/docs/Web/API/Element/getBoundingClientRect
Regards,
Stefan
Progress Telerik
- All
- KendoReact
- ActionSheet
- Agentic UI Generator
- AIPrompt
- Animation
- AppBar
- ArcGauge
- AutoComplete
- Avatar
- Badge
- Barcode
- BottomNavigation
- Breadcrumb
- BrowserExtension
- Button
- ButtonGroup
- Calendar
- Card
- Chart
- Chart Wizard
- Chat
- Checkbox
- Chip
- ChipList
- ChunkProgressBar
- CircularGauge
- ColorGradient
- ColorPalette
- ColorPicker
- ComboBox
- ContextMenu
- Conversational UI
- Data Query
- Date Math
- DateInput
- DatePicker
- DateRangePicker
- DateTimePicker
- Dialog
- Drag & Drop
- Drawer
- Drawing
- DropDownButton
- DropDownList
- DropDownTree
- Editor
- Error
- Excel Export
- ExpansionPanel
- ExternalDropZone
- File Saver
- FileManager
- Filter
- FlatColorPicker
- FloatingActionButton
- FloatingLabel
- FontIcon
- Form
- Gantt
- Gauge
- Grid
- GridLayout
- Hint
- InlineAIPrompt
- Input
- Label
- Licensing
- LinearGauge
- ListBox
- ListView
- LLM Kit
- Loader
- Map
- MaskedTextBox
- Menu
- MultiColumnComboBox
- MultiSelect
- MultiSelectTree
- MultiViewCalendar
- Notification
- NumericTextBox
- OrgChart
- OTP Input
- Page Templates / Building Blocks
- Pager
- PanelBar
- PDF Processing
- PDF Viewer
- PivotGrid
- Popover
- Popup
- ProgressBar
- PromptBox
- QR Code
- RadialGauge
- RadioButton
- RadioGroup
- RangeSlider
- Rating
- Ripple
- Sankey
- Scheduler
- ScrollView
- SegmentedControl
- Signature
- Skeleton
- Slider
- SmartPasteButton
- Sortable
- Sparkline
- SpeechToTextButton
- SplitButton
- Splitter
- Spreadsheet
- StackLayout
- Stepper
- StockChart
- SVGIcon
- Switch
- TabStrip
- TaskBoard
- TextArea
- TextBox
- TileLayout
- Timeline
- TimePicker
- Toolbar
- Tooltip
- TreeList
- TreeView
- Typography
- Upload
- VS Code Extension
- WebMCP
- Window