Update the desired width of the edit widget dynamically to remove column jitter. Thanks to #8

Author: Hirtol

examples/simple/main.rs

@@ -1,8 +1,10 @@
-use crate::frame_history::FrameHistory;
 use eframe::{Frame, NativeOptions};
 use egui::Context;
+
 use egui_memory_editor::MemoryEditor;
 
+use crate::frame_history::FrameHistory;
+
 mod frame_history;
 
 pub fn main() {
@@ -34,6 +36,7 @@ impl Default for App {
 
         // You can set the column count in the UI, but also here. There are a variety of options available in mem_editor.options
         mem_editor.options.column_count = 16;
+
         App {
             mem_editor,
             memory: Default::default(),
@@ -72,6 +75,7 @@ impl Default for Memory {
         }
     }
 }
+
 impl Memory {
     pub fn read_value(&mut self, address: usize) -> u8 {
         self.memory[address]

src/lib.rs

@@ -301,7 +301,7 @@ impl MemoryEditor {
                         // For Editing
                         let response = ui.add(
                             TextEdit::singleline(&mut frame_data.selected_edit_address_string)
-                                .desired_width(6.0)
+                                .desired_width(frame_data.previous_frame_text_edit_size)
                                 .font(options.memory_editor_text_style.clone())
                                 .hint_text(label_text)
                                 .id_source(frame_data.selected_edit_address),
@@ -355,6 +355,8 @@ impl MemoryEditor {
                         }
 
                         let response = Label::new(text).sense(Sense::click()).ui(ui);
+                        // For use with the `Edit` widget, keep track of the size of ordinary display to keep column jitter at bay
+                        frame_data.previous_frame_text_edit_size = response.rect.width();
 
                         // Right click always selects.
                         if response.secondary_clicked() {

src/option_data.rs

@@ -132,6 +132,7 @@ impl Default for MemoryEditorOptions {
 pub(crate) struct BetweenFrameData {
     /// Used to ensure we can resize the window in height, but not in width.
     pub previous_frame_editor_width: f32,
+    pub previous_frame_text_edit_size: f32,
     /// The address a user clicked on in the UI in the previous frame, used for DataPreview
     pub selected_edit_address: Option<Address>,
     pub selected_edit_address_string: String,