Skip to content

[FlexibleColumnLayout]: FlexibleColumnLayout does not show complete component #10997

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom
Closed
1 task done
wilson-xu-sap opened this issue Mar 4, 2025 · 7 comments · Fixed by #11367
Closed
1 task done

[FlexibleColumnLayout]: FlexibleColumnLayout does not show complete component #10997

wilson-xu-sap opened this issue Mar 4, 2025 · 7 comments · Fixed by #11367
Assignees
@plamenivanov91
Labels
bug This issue is a bug in the code released SAP SF TOPIC P

Comments

@wilson-xu-sap
Copy link

Describe the bug

Image Image

The following note is copied from docs. Now it does not follow it. https://sap.github.io/ui5-webcomponents-react/v2/?path=/docs/layouts-floorplans-flexiblecolumnlayout--docs

Note: When the component displays more than one column, the minimal width of each column is 248px. Consequently, when the user drags a column separator to resize the columns, the minimal allowed width of any resized column is 248px.

Isolated Example

https://stackblitz.com/edit/github-g4lmch6p-aotzcffc?file=src%2FApp.tsx

Reproduction steps

1.Set width = 1280px, height = 1080px, zoom into 200%
2.check the page

Expected Behaviour

Component should be displayed completely.

Screenshots or Videos

No response

UI5 Web Components for React Version

2.7

UI5 Web Components Version

2.7

Browser

Chrome

Operating System

No response

Additional Context

No response

Relevant log output



Organization


No response


Declaration


    

  •  I’m not disclosing any internal or sensitive information.
    • 


      		
    

      
  





        



            
            

              
            

        

      


      
    








      

    



      

  
            


    







      

  
      



  

  @Lukas742





  


    

      

  

    

        
    
    

  


      
          
  
      
            Copy link

  

      
    

  


  

      

  
    Collaborator


      

  


  

    

      

      
            Lukas742
  

      

      

      commented


        Mar 4, 2025


      
    


  





      


        


  
    

      
          
Thanks for reporting! I'll forward this issue to our UI5 Web Components Colleagues as the affected component is developed in their repository.

      		
    

  





        


            

            
            

              
            

        

      


      

            
  
  

    
  
    
    

  

  

  


    












      

  
            

    

      
    

    


      

          @Lukas742
Lukas742




        transferred this issue from SAP/ui5-webcomponents-react


      Mar 4, 2025

    

  



    

    

      
    

    


      

          @Todor-ads
Todor-ads




              self-assigned this


      Mar 5, 2025

    

  



    







      

  
      



  

  @Todor-ads





  


    

      

  

    

        
    
    

  


      
          
  
      
            Copy link

  

      
    

  


  

      

  
  Member


      

  


  

    

  





      


        


  
    

      
          
Hello @wilson-xu-sap ,

Thank you for sharing your findings, but I am unable to reproduce the issue. Could you please check again and provide us with more information about the browser and the version you are using?


Regards,

Todor

      		
    

  





        


            

            
            

              
            

        

      


      

            
  
  

    
  
    
    

  

  

  


    












      

  
      



  

  @PetyaMarkovaBogdanova





  


    

      

  

    

        
    
    

  


      
          
  
      
            Copy link

  

      
    

  


  

      

  
    Contributor


      

  


  

    

  





      


        


  
    

      
          
Hello @wilson-xu-sap ,

I also was not able to reproduce the issue from the screenshot.

Although, I noticed that in the FilterBar React component there is a hardcoded with with "style" attribute (13.125rem), also the outer container has inline set variable value flex-bases: 13.125rem, so probably this is the reason why it is not completely shown in the column of FCL.

Best regards,

Petya Markova.

(UI5 Web Components dispatcher)

      		
    

  





        


            

            
            

              
            

        

      


      

            
  
  

    
  
    
    

  

  

  


    












      

  
      



  

  @wilson-xu-sap





  


    

      

  

    

        
    
    

  


      
          
  
      
            Copy link

  

      
    

  


  

      



      

  Author


  


  

    

  





      


        


  
    

      
          
Hi @Todor-ads  @PetyaMarkovaBogdanova It is still reproducible in my machine. Have you used my stackblitz and set the environment in reproduce steps?

Image
Image
      		
    

  





        


            

            
            

              
            

        

      


      

            
  
  

    
  
    
    

  

  

  


    












      

  
            


    







      

  
      



  

  @nnaydenow





  


    

      

  

    

        
    
    

  


      
          
  
      
            Copy link

  

      
    

  


  

      

  
    Contributor


      

  


  

    

      

      
            nnaydenow
  

      

      

      commented


        Mar 18, 2025


      
  •

  

    
      

        
          edited
          
        
        
      

    
    
      
  
        
      Loading


  
    
  



    


  





      


        


  
    

      
          
Hello @SAP/ui5-webcomponents-topic-p,


The issue is reproducible as the reporter mentioned. Set your browser resolution to 1280x1080 with emulator or not and set the browser zoom to 200%.


Simple example: https://stackblitz.com/edit/github-g4lmch6p-y9il88cm?file=src%2FApp.tsx


Image


Regards,

Nayden

      		
    

  





        


            

            
            

              
            

        

      


      

            
  
  

    
  
    
    

  

  

  


    












      

  
            

    

      
    

    


      

          @nnaydenow
nnaydenow




            added
      

  bug

  This issue is a bug in the code

      

  TOPIC P


      

  SAP SF


  labels


      Mar 18, 2025

    

  



    


    


    

    

      
    

    


      

          @plamenivanov91
plamenivanov91




              self-assigned this


      Mar 20, 2025

    

  



    

    

      
    

    


      

          @plamenivanov91
plamenivanov91




          moved this from Issues
  to In Progress
  in Maintenance - Topic P


      Mar 20, 2025

    

  



    


  


  
    
  
  

    
  plamenivanov91 

      added a commit
        to plamenivanov91/ui5-webcomponents
      that referenced
      this issue

    
      Apr 17, 2025
    
    

      


  

    

      


  

      
        @plamenivanov91
  





      

        
          fix(ui5-flexible-column-layout): min width of column adjusted to spec
        

          
            
          

      


      

          

    
    
    

  

      


      

      


      
      

        
          c9c91d7
        
      

    

  

    

      
Fixes: SAP#10997

    




    

  




  

  

    
  


  

      

    @plamenivanov91
plamenivanov91



    mentioned this issue
    
      Apr 17, 2025
    





  


  

      
   Merged

  







  




  


  
    
  
  

    
  plamenivanov91 

      added a commit
      that referenced
      this issue

    
      Apr 24, 2025
    
    

      


  

    

      


  

      
        @plamenivanov91
  





      

        
          fix(ui5-flexible-column-layout): min width of column adjusted to spec (…
        

          
            
          

      


      

          

    
    
    

  

    


      


      

          

    
    
    

  

  

    
  



      


      
      

        
          e424f4e
        
      

    

  

    

      
…#11367)

Fixes: #10997

    




    

  




    

    


    

    

      
    

    


      

          @github-project-automation
github-project-automation
bot



          moved this from In Progress
  to Completed
  in Maintenance - Topic P


      Apr 24, 2025

    

  








      

  
      



  

  @github-actions

    
      GitHub Actions
    




  


    

      

  

    

        
    
    

  


      
          
  
      
            Copy link

  

      
    

  


  

      



      

  


  

    

  





      


        


  
    

      
          
This issue has been closed. To reopen, just leave a comment!

      		
    

  





        


            

            
            

              
            

        

      


      

            
  
  

    
  
    
    

  

  

  


    












      

  
      



  

  @ui5-webcomponents-bot





  


    

      

  

    

        
    
    

  


      
          
  
      
            Copy link

  

      
    

  


  

      

  
    Collaborator


      

  


  

    

  





      


        


  
    

      
          
🎉 This issue has been resolved in version v2.10.0-rc.3 🎉


The release is available on v2.10.0-rc.3


Your semantic-release bot 📦🚀

      		
    

  





        


            

            
            

              
            

        

      


      

            
  
  

    
  
    
    

  

  

  


    












      

  
            











  
  

    

      

  





  




  
  

              

  
    Sign up for free
    to join this conversation on GitHub.
    Already have an account?
    Sign in to comment


  



  






  
                  




    

  


      
  

    Assignees
  



        

      

        

  
      @plamenivanov91
  
    plamenivanov91
    

      








      


  


  

    Labels
  



    

      

    bug

  This issue is a bug in the code
  

    released

  

    SAP SF

  

    TOPIC P









      

  

    

        

    Projects
  


        




        
  

    

      
          
        Maintenance - Topic P
    

    

      

            
    Status: Completed


      

    

    

  







  



      


  

    
  

    Milestone
  


      No milestone





    
      
          


  

    
  




      

    

  
      

  

    

      7 participants
    

    

        
          @Lukas742 
        
          @plamenivanov91 
        
          @PetyaMarkovaBogdanova 
        
          @Todor-ads 
        
          @nnaydenow 
        
          @ui5-webcomponents-bot 
        
          @wilson-xu-sap 
    

  






    

    




    






  

          

        



    



  





    

  


  


          



    



  

    

    

    





    


    

    

  






pFad - Phonifier reborn




Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.





Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.




Alternative Proxies:
Alternative Proxy
pFad Proxy
pFad v3 Proxy
pFad v4 Proxy