Fixed scrollbar in floating element example

examples/floating_element/src/main.rs

@@ -59,7 +59,7 @@ impl Application for FloatingElementExample {
  match self {
  FloatingElementExample::Loading => {
  if let Message::Loaded(_) = message {
- *self = FloatingElementExample::Loaded(State { lines: Vec::new() })
+ *self = FloatingElementExample::Loaded(State { lines: (0..3000).into_iter().map(|_| "This is a newly added line.".into()).collect() })
  }
  }
  FloatingElementExample::Loaded(State { lines }) => {
@@ -88,11 +88,11 @@ impl Application for FloatingElementExample {
  let scrollable_content = lines.iter().enumerate().fold(
  Column::new()
  .width(Length::Fill)
- .height(Length::Fill)
+ .height(Length::Shrink)
  .padding(10),
  |scroll, (i, line)| scroll.push(Text::new(format!("{}. {}", i + 1, line))),
  );
- let scrollable_content = Scrollable::new(scrollable_content);
+ let scrollable_content = Scrollable::new(scrollable_content).height(Length::Fill);
 
  let content = floating_element(
  Container::new(scrollable_content)

src/native/floating_element.rs

@@ -242,7 +242,6 @@ where
  &mut self.element,
  &self.anchor,
  &self.offset,
- layout.bounds().size(),
  )),
  ))
  } else {

src/native/overlay/floating_element.rs

@@ -7,7 +7,7 @@ use iced_widget::core::{
  mouse::{self, Cursor},
  overlay, renderer,
  widget::Tree,
- Clipboard, Element, Event, Layout, Length, Point, Rectangle, Shell, Size, Vector,
+ Clipboard, Element, Event, Layout, Point, Rectangle, Shell, Size, 
 };
 
 use crate::native::floating_element::{Anchor, Offset};
@@ -24,8 +24,6 @@ pub struct FloatingElementOverlay<'a, 'b, Message, Renderer: core::Renderer> {
  anchor: &'b Anchor,
  /// The offset of the element.
  offset: &'b Offset,
- /// Size of the layout,
- size: Size,
 }
 
 impl<'a, 'b, Message, Renderer> FloatingElementOverlay<'a, 'b, Message, Renderer>
@@ -39,14 +37,12 @@ where
  element: &'b mut Element<'a, Message, Renderer>,
  anchor: &'b Anchor,
  offset: &'b Offset,
- size: Size,
  ) -> Self {
  FloatingElementOverlay {
  state,
  element,
  anchor,
  offset,
- size,
  }
  }
 }
@@ -58,7 +54,7 @@ where
 {
  fn layout(&self, renderer: &Renderer, bounds: Size, position: Point) -> layout::Node {
  let limits = layout::Limits::new(Size::ZERO, bounds);
- let mut element = self.element.as_widget().layout(renderer, &limits);
+ let element = self.element.as_widget().layout(renderer, &limits);
 
  let size = match self.anchor {
  Anchor::NorthWest | Anchor::North => Size::new(
@@ -82,11 +78,11 @@ where
  ),
  Anchor::East => Size::new(
  position.x - self.offset.x,
- position.y,
+ position.y + element.bounds().height / 2.0,
  ),
  Anchor::West => Size::new(
  position.x + self.offset.x + element.bounds().width,
- position.y,
+ position.y + element.bounds().height / 2.0,
  ),
  };